【问题标题】:React Native - Press going through an absolute positioned View and focusing inputReact Native - 按绝对定位的视图和焦点输入
【发布时间】:2020-12-22 14:03:22
【问题描述】:

我正在尝试创建一个定位的绝对视图,其中列出了一些选项,但是当 TextInput 位于其后面时,我遇到了触摸手势问题。

问题: 当位置绝对视图打开并尝试单击它(假设我想单击其中的选项)时,TextInput 是变得专注......这就像 View 根本没有被触摸注册一样。

注意:这只发生在 Android 设备上

请检查我创建的这个小吃作为参考 -> https://snack.expo.io/@sempa/5788f2

谢谢!

【问题讨论】:

    标签: javascript android react-native layout


    【解决方案1】:
        <View style={styles.container}>
          <View style={styles.touchableWrapper}>
            <TouchableOpacity
              style={styles.touchable}
              onPress={() => setIsOpened(!isOpened)}>
              <Text>Click To Open</Text>
            </TouchableOpacity>
            {isOpened && <View style={styles.absoluteWrapper}></View>}
          </View>
          
          {!isOpened && (
            <View>
              <TextInput placeholder="Start typing..." style={styles.inputText} />
            </View>
          )}
        </View>
    

    你可以像这样轻松修改

    【讨论】:

    • 感谢您的回复,但是是的,我看到这是一种解决方法,但是有没有办法解决这个问题而不必隐藏 TextInput 组件?
    猜你喜欢
    • 2019-07-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-12
    • 1970-01-01
    相关资源
    最近更新 更多