如何解决点击图标组件时,在iOS和Android中以本机组件样式显示选择器
在我的本机项目中,我想实现一项功能,即点击图标会分别弹出iOS和Android中的本机选择器组件。像this library的效果:
但是对于链接库,默认情况下始终总是有一个文本输入字段,单击该字段会弹出选择器本机组件。但是在我的项目中,我不需要该默认文本输入字段,而是有一个图标组件(将其视为任何react-native自定义组件),在单击/点击图标组件时,我希望具有相同的效果。 / p>
是否可以通过我链接的库来实现?我注意到库中有icon
属性,但尚不清楚如何使用它,以及该属性是否可以代替文本输入字段。有人可以帮我吗?
这是我在库中尝试过的方法,但是它没有显示MyIconComponent
,而是仍然显示输入文本字段:
return (
<RNPickerSelect
onValueChange={value => console.log(value)}
icon={() => {
return (
<View style={styles.main}>
<MyIconComponent />
</View>
);
}}
items={[
{label: 'Football',value: 'football'},{label: 'Baseball',value: 'baseball'},{label: 'Hockey',value: 'hockey'},]}
/>
);
如果无法使用该库实现我想要的功能,那么在点击图标组件时如何实现相同的效果?
解决方法
根据库文档,为了删除默认字段,请在组件props中添加“ placeholder = {}”。
您正在寻找的是什么?我说对了吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。