首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >TabBarIOS在NavigatorIOS中[反应本机]

TabBarIOS在NavigatorIOS中[反应本机]
EN

Stack Overflow用户
提问于 2016-08-05 16:36:25
回答 1查看 201关注 0票数 1

不可能在TabBarIOS组件中显示NavigatorIOS组件吗?

例如:

navigator.js

代码语言:javascript
复制
return(
 <NavigatorIOS ref="nav"style={styles.wrapper} initialRoute={{ component: Detail, title: '…', rightButtonTitle: I18n.t('Registrieren'), props: {navigator: this}, backButtonTitle: I18n.t('Zurück')}}/>
)

detail.js

代码语言:javascript
复制
return(
    <TabBarIOS>…</TabBarIOS>
)
EN

回答 1

Stack Overflow用户

发布于 2017-12-21 15:11:06

是的有可能。

代码语言:javascript
复制
import React, { Component } from "react";
import {View, Text, TabBarIOS, NavigatorIOS} from "react-native";`

class Second extends Component {
    constructor(props) {
        super(props);
        this.state = {
          selectedTab: "myTab"
        };
  };

  render(){
    return (
      <TabBarIOS selectedTab={this.state.selectedTab}>

       <TabBarIOS.Item
         selected={this.state.selectedTab === "myTab"}
         icon={require("myTab.png")}
         title="My Tab"
             onPress={() => {
               this.setState({
               selectedTab: "myTab",
           });
         }}>
        <View>
         <Text>My Tab</Text>
        </View>
     </TabBarIOS.Item>
    </TabBarIOS>
    )
  }
}

export default class App extends Component<{}> {
  render(){
    return(
        <NavigatorIOS
            initialRoute={{
                navigationBarHidden: true,
              component: Second
            }}
        />);
  };
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38794030

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档