React Native-在TextInput中编辑清除按钮的点击率

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

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

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

zhao_xunze 回答:React Native-在TextInput中编辑清除按钮的点击率

您可以做的是用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>
本文链接:https://www.f2er.com/3146302.html

大家都在问