React Native 的 TextInput有一个 clearButtonMode
属性,它会在 iOS 输入区域的右侧显示一个小的 x
按钮,通过它可以清除文本。
我对该按钮的点击率有疑问。我相信它太小了,很容易错过。我必须多次按下才能击中正确的位置以激活它。
有没有办法自定义这个清除按钮 => 改变它的 hitSlop、颜色等?
最佳答案
您可以做的是用 View 和 Animated.View 包装您的 TextInput 元素,这样您就可以添加自己的带有 TouchableOpacity 的清除按钮,并选择图标、颜色、大小等。 所以,基本上,它会是这样的:
<Animated.View style={...}>
<TextInput value={...} style={...} onChangeText={...} />
<TouchableOpacity>
{/* HERE GOES YOUR CLEAR BUTTON, FOR EXAMPLE: */}
<MaterialIcons size={24} color={'black'} name={'close'} />
</TouchableOpacity>
</Animated.View>
关于react-native - React Native - 在 TextInput 中编辑清除按钮的命中率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58745216/
相关文章:
python-3.x - matplotlib 错误 : No module named matpl
reactjs - Material UI withStyles : Invalid prop `c
go - 我可以防止 amqp.Channel 因错误而关闭吗?
javascript - webpack 忽略 .babelrc 和 babel.config.js
flutter - 如何为 Flutter SliverList 中的元素设置动画?
javascript - 如何仅禁用 chrome 中的 "debugger"关键字,该关键字由循环