React Native - 与平台无关的选项卡导航方法

Question

我已经开始使用Tutorial来应用一个有趣的Tabs Navigation，基本上它安装并使用react-native-tabs npm并允许React Native Application使用Tab 可以在Android和IOS平台上运行的组件。

Tutorial Link的应用很简单，Tab就像Button一样简单，可以更改页面本身的Text内容。

我一直在寻找使用这个react-native-tabs npm的方法将其他Javascript文件中的屏幕插入到Tab中，但是没有方法可以考虑这个。

我的问题：

这个react-native-tabs npm是否有限制无法在标签中指定另一个JaveScript文件屏幕？

任何人都可以告诉我如何使用react-native-tabs     npm指定选项卡以显示其他Javascript文件中的特定屏幕？谢谢。

教程链接：https://differential.com/insights/sharing-code-between-android-and-ios-in-react-native/

import Tabs from 'react-native-tabs';

class ApplicationTabs extends Component{

  constructor(props) {
      super(props);

      this.state = {
        page: 'first'
      };
    }

  render() {
    const { page } = this.state;
    const tabbarStyles = [styles.tabbar];
    if (Platform.OS === 'android') tabbarStyles.push(styles.androidTabbar);

    return (
      <View style={styles.container}>
        <Tabs
          selected={page}
          style={tabbarStyles}
          selectedStyle={{color:'red'}} onSelect={el=>this.setState({page:el.props.name})}
        >
            <Text name="first">First</Text>
            <Text name="second">Second</Text>
            <Text name="third">Third</Text>
        </Tabs>

        <Text>CodeSharing App</Text>
        <Text>{page}</Text>
      </View>
    )
  }


}

屏幕输出（选项卡导航仅导航到更改屏幕上的文本）

Answer 1

react-navigation npm可能不适合我。相反，我使用<a th:href="@{somesite.com/login(error = ${#httpServletRequest.getParameter('error')}"><a> ，结果工作正常。唯一的问题是到目前为止我只能实现StackNavigation。

Github： https://github.com/slnn3r/RecipeRedux.git

上面的项目：

• 正在使用Redux Architecture
• 使用PHP mySQL数据库
• 使用Stack Navigation