React Native 下拉菜单上的垂直滚动答案

【问题标题】：Vertical scrolling on React Native DropdownsReact Native 下拉菜单上的垂直滚动
【发布时间】：2022-08-14 17:40:45
【问题描述】：

我使用 React Native 构建的 Android 应用程序不允许滚动 DropDownPicker (github.com/hossein-zare/react-native-dropdown-picker)。下面的代码可以改变什么来解决这个问题？父组件和相关样式可以在下面找到。代码本身也包含在 flex 1 容器视图中。

 <View style = {styles.dropdownContainerIn}>
           <TextInput
             keyboardType = \"number-pad\"
             style = {styles.toAmount}
             placeholder=\"Amount\"
             placeholderTextColor=\"white\" 
             value = {text}
             editable = {false}
             maxLength = {18}
           />
           <DropDownPicker
             placeholder={from}
             open={openFrom}
             items={baseCurrencies}
             setOpen={setOpenFrom}
             onOpen={() => setOpenTo(false)}
             setItems={setBases}
             onSelectItem={(from) => {setFrom(from.label)}}
             style={styles.dropdown}
             textStyle={styles.dropdownText}
             dropDownContainerStyle={styles.dropdownOption}
             searchable = {true}
             searchPlaceholder=\"Search\"
         />
    </View>


dropdown:{
   backgroundColor: \"transparent\",
   borderColor: \'white\',
   borderWidth: 3,
   width: 120,
   height: 60,
   borderRadius: 3,
   flex: 1
 },
 dropdownText:{
   fontSize: 15,
   fontWeight: \'bold\',
   color: \'white\',
 },
 dropdownOption:{
  backgroundColor: \'#123\',
   borderColor: \'white\',
   borderWidth: 2,
   width: 340,
   transform: [{translateX: -220}],
 },
 dropdownContainerIn:{
   flexDirection: \'row\',
   transform: [{translateX: 140}, {translateY: 160}],
   marginRight: 20,
 },
 toAmount:{
   width: 220,
   height: 60, 
   borderColor: \'white\',
   borderWidth: 3,
   borderRadiusLeft: 3,
   borderRightWidth: 0,
   color: \'white\',
   fontSize: 20,
   paddingLeft: 15,
 },

什么都没有。在其他设备上测试，否则您的代码可能有问题。
我认为问题出在我的下拉选择器 ()github.com/hossein-zare/react-native-dropdown-picker) 上，因为我使用常规 FlatList 进行了测试，它确实按预期工作。你知道可以对上面的代码进行哪些修改来解决这个问题吗？
真的很难说是什么问题。可以是样式、父组件或兄弟组件，或任何其他组件。如果你能提供更多的代码会更好。
我已将所有相关代码添加为编辑。
请看看这个hossein-zare.github.io/react-native-dropdown-picker-website/…

标签： android react-native drop-down-menu dropdown

【解决方案1】：

对于遇到此问题的用户，请在 import 语句下方添加以下代码：DropDownPicker.setListMode("MODAL")

【讨论】：