在 onPress 事件中创建组件

Question

我正在尝试使用功能性 react-native 和 expo 构建一个 android 应用程序。我想知道在触发事件时在其他组件内创建新组件。我想做的是以下我写的代码如下：

<View>
   <TouchableOpacity style = {styles.container} onPress = {() => {return (
             <TouchabeOpacity>
                 <Text> Hello World </Text>
             </TouchabeOpacity> ) }}
    </ToucchabeOpacity>

</View>

我希望在按下第一个 touchableopacity 时创建并显示另一个。有什么解决办法吗？

Answer 1

您需要执行以下操作：

import {NewComponent} from './components/NewComponent';

....

const[displayNewComponent, setDisplayNewComponent] = useState(false)

...

<View>
   <TouchableOpacity style = {styles.container} onPress={() => setDisplayNewComponent(true)}
    { displayNewComponent && <NewComponent /> }
    </ToucchabeOpacity>

</View>

export const NewComponent = () => {
       return (
             <TouchabeOpacity>
                 <Text> Hello World </Text>
             </TouchabeOpacity> 
       )

在 onPress 事件中创建组件

creating component in onPress event

react-native-android