反应原生可触摸与反馈存在吗?

时间:2021-04-13 21:06:08

标签: reactjs react-native

如果我单击输入字段,则它们的键盘处于活动状态。如果我想通过 Click 移除键盘,我可以使用这个:

<TouchableWithoutFeedback onPress={Keyboard.dismiss()} 
...

好的,但也许键盘是打开的,我想单击一个带有 onPress 功能的框或项目。所以如果键盘是打开的,也许我想点击一个链接,然后键盘关闭,但没有按下链接。我现在在键盘打开时无法点击任何东西我想让你问我如何点击一个链接,也许是键盘打开的地方。也许是像“TouchableWithFeedBack”这样的函数。

这与 Instagram 的操作相同,您可以在其中找到用户。如果键盘已打开并且您想单击该人,则会转到用户,然后他们将键盘关闭。就我而言,只有键盘关闭。

希望你能理解我

1 个答案:

答案 0 :(得分:0)

当您将其他项目(链接或按钮)添加为 TouchableWithoutFeedback 组件的子项时,交互似乎工作正常:

import * as React from 'react';
import { Alert, Keyboard, TouchableWithoutFeedback, TextInput, Button, View, StyleSheet } from 'react-native';

export default function App() {
  return (
      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
        <View style={styles.container}>
          <Button title="Press Me" onPress={() => Alert.alert('Button Pressed')} />
          <TextInput placeholder="Input" autoFocus />
        </View>
      </TouchableWithoutFeedback>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    padding: 8,
  },
});

相关问题