问题描述
在我的React-Native应用程序中,我在ScrollView中有一个Formik表单,以便整个表单可以滚动。
在构建表单时,我需要一个用于表单元素的多选框,因此我添加了react-native-multiple-select
此后,我得到警告:
VirtualizedLists绝对不能嵌套在带有以下内容的纯ScrollView中 相同的方向-使用另一个支持VirtualizedList的容器 代替。
我从其他问题中知道,问题在于react-native-multiple-select使用FlatList来显示用户可以选择的选项,而这与ScrollView并不完全兼容。
我的问题是:如何解决此问题,使其正常运行并且不发出警告?
模拟代码(但接近于实数):
<ScrollView>
<Formik
onSubmit={(values,formikActions) => {
this.save(values);
formikActions.setSubmitting(false); }}
>
{({ handleChange,handleBlur,handleSubmit,values,isSubmitting }) => (
<View style={{ flex: 1 }}>
<MultiSelect
hideTags
... (left out this section)
searchInputStyle={{ color: '#CCC' }}
submitButtonColor="#CCC"
submitButtonText="Submit"
/>
<View>
{this.multiSelect && this.multiSelect.getSelectedItemsExt(selectedItems)}
</View>
</View>
)}
</Formik>
</ScrollView>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)