Javascript 如何在React Native中在一个页面上调用多个屏幕

我制作了一个主页，其中标题中有三个按钮（如选项卡导航器），我希望在单击每个按钮时，标题下方会出现一个屏幕，如下图所示：

以下是我尝试过的：

constructor(props) {
    super(props);
    this.state = {
      initialstate: 0, //Setting initial state for screens
    };
  }
 render(){
        return(
            <View style={styles.container}>
      <TouchableOpacity  onPress={() => this.setState({ initialstate: 0})}>
      <Image source={require('../../assets/add.png')}
            resizeMode="contain"/>
      </TouchableOpacity>

      <TouchableOpacity  onPress={() => this.setState({ cardstate: 1})}>
      <Image source={require('../../assets/request.png')}
            resizeMode="contain"/>
      </TouchableOpacity>

      <TouchableOpacity  onPress={() => this.setState({ cardstate: 2})}>
      <Image source={require('../../assets/send.png')}
            resizeMode="contain"/>
      </TouchableOpacity>
 
      {this.state.initialstate == 0 ? ( <RequestComp/> ) : ( <TopUpComp/> )  } 
//Over Here when I use the Third Screen like " : <SendComp/> " it gives me JSX error says "EXPECTED }"
      </View>

构造函数（道具）{
超级（道具）；
此.state={
initialstate:0，//设置屏幕的初始状态
};
}
render（）{
返回(
this.setState（{initialstate:0}）}>
this.setState（{cardstate:1}）}>
this.setState（{cardstate:2}}>
{this.state.initialstate==0？（）：（）}
//在这里，当我使用第三个屏幕时，如“：“它给了我JSX错误，显示“预期的}”

Ciao，您需要的更像是从屏幕底部出现的弹出窗口。我使用

Toast

组件来实现这一点

比如：

import { Root, Toast } from 'popup-ui'
...
<Root>
   <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <TouchableOpacity
         onPress={() =>
            Toast.show({
               title: 'User created',
               text: 'Your user was successfully created, use the app now.',
               color: '#2ecc71'
            })
         }
      >
         <Text>Call Toast</Text>
      </TouchableOpacity>
    </View>
</Root>

从“弹出式ui”导入{Root，Toast}
...
吐司，表演({
标题：“用户创建”，
text:“您的用户已成功创建，请立即使用该应用程序。”，
颜色：“#2ecc71”
})
}
>
敬酒

结果是：

---

注意：我有android，Taost被android导航栏重叠，但在iOS上你应该看到所有的

Toast

组件，你不能在另一个屏幕中使用屏幕，因为你可以使用react-native选项卡查看你希望有什么？请给我们一个简短的解释。@UA_u就像上面的屏幕一样，我现在已经创建了一个屏幕我已经做了三个按钮，每个按钮都会出现一个新的屏幕，即在同一个主页上出现一个按钮。我实际上不想用标签页来做这个