Question

React Native的TextInput具有clearButtonMode属性，该属性将在iOS输入区域的右侧显示一个小的x按钮，可通过该按钮清除文本。

我对该按钮的点击倾斜有疑问。我相信它太小了，不容错过。我必须按多次才能击中正确的位置才能激活它。

是否可以自定义此清除按钮=>更改其hitSlop，颜色等？

Answer 1

您可以做的是用view和Animated.View包装TextInput元素，这样您就可以添加带有TouchableOpacity的自己的Clear Button，并选择图标，颜色，大小等。因此，基本上是这样的：

<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-在TextInput中编辑清除按钮的点击率

1 个答案: