是否可以在模式(本机)内部使用searchableDropdown?

时间:2019-06-06 08:33:47

标签: react-native modal-dialog dropdown searchable

我正在尝试在react native的模态中使用Searchable Dropdown。如果我单独使用它(我的意思是在模态之外),则工作正常。但是如果我将其放在模态中,它的属性onItemSelect似乎不工作(它不允许我单击任何东西)

<Modal isVisible={this.state.isBuildingModalVisible}>
                <SearchableDropdown
                  onItemSelect={item => {
                    this.setState({ building_id: item.id });
                  }}
                  containerStyle={{ ...}}
                  textInputStyle={{
                   ...
                  }}
                  itemStyle={{
                   ...
                  }}
                  itemTextStyle={{
                    color: "white",
                    fontSize: (15 / 411.42) * screen
                  }}
                  itemsContainerStyle={{ maxHeight: 140 }}
                  items={this.state.dataSource}
                  placeholder="Choose School"
                  placeholderTextColor="white"
                  underlineColorAndroid="transparent"
                />
                <View
                  style={{
                    alignItems: "center",
                    justifyContent: "center",
                    flexDirection: "row"
                  }}
                >
                  <TouchableOpacity
                    style={styles.button}
                    onPress={this.toggleBuildingModal}
                  >
                    <Text style={{ color: "white" }}>Cancel</Text>
                  </TouchableOpacity>
                  <TouchableOpacity
                    style={styles.button}
                    onPress={() => this.submitpassword()}
                  >
                    <Text style={{ color: "white" }}>Execute</Text>
                  </TouchableOpacity>
                </View>
              </Modal>

1 个答案:

答案 0 :(得分:0)

好吧,问题是本机响应不允许您将SearchableDropdown放到scrollview中(如果有人遇到此问题:P)