我正在尝试实现可搜索的下拉组件并且能够成功实现。 但是遇到一个问题,虽然从列表中选择了一个值,但它没有在输入框中更新。
我正在关注以下组件并实现了相同的代码。
https://www.npmjs.com/package/react-native-searchable-dropdown
如果有人有想法。请帮我。提前致谢!
最佳答案
您需要在 SearchableDropdown 组件中使用 selectedItems Prop 。
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,
}
}
/>
关于android - 可搜索的下拉值未在 react-native 3.0 的输入框中更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54145852/