android - react-native 3.0的输入框中的可搜索下拉值未更新

Question

我正在尝试实现可搜索的下拉组件并能够成功实现。但是遇到一个问题，虽然从列表中选择了一个值，但它没有在输入框中更新。

我正在关注以下组件并实现了相同的代码。

https://www.npmjs.com/package/react-native-searchable-dropdown

如果有人有想法。请帮我。提前致谢！

标签： androidreact-nativedropdown

Answer 1

您需要将 selectedItems 道具与 SearchableDropdown 组件一起使用。

  const [utilizedDivName, setUtilizedDivName] = useState('');
  const [utilizedList, srtUtilizedList] = useState([]);
  
 <SearchableDropdown
          onItemSelect={(item) => { setUtilizedDivName(item) }}
          selectedItems={utilizedDivName}
          containerStyle={{ padding: 5 }}
          itemStyle={{
              padding: 10,
              marginTop: 2,
              backgroundColor: '#ddd',
              borderColor: '#bbb',
              borderWidth: 1,
              borderRadius: 5,
            }}
            itemTextStyle={{ color: '#222' }}
            itemsContainerStyle={{ maxHeight: 140 }}
            items={utilizedList}
            resetValue={false}
            textInputProps={
              {
                placeholder: "Please Choose Utilized Division",
                underlineColorAndroid: "transparent",
                style: {
                    padding: 12,
                    borderWidth: 1,
                    borderColor: '#ccc',
                    borderRadius: 5,
                },
                // onTextChange: text => alert(text)
              }
            }
            listProps={
              {
                nestedScrollEnabled: true,
              }
            }
        />