React Native 导航栏 react-native-navbar

MIT
JavaScript
iOS
2015-04-03
孔小菜

react-native-navbar 是用于 React Native 上简单的定制化导航栏。

示例代码:

var NavigationBar = require('react-native-navbar');
var ExampleProject = React.createClass({  
  renderScene: function(route, navigator) {    
    var Component = route.component;    
    var navBar = route.navigationBar;    
    if (navBar) {
      navBar = React.addons.cloneWithProps(navBar, {navigator: navigator,
        route: route
      });
    }    return (<View style={styles.navigator}>
        {navBar}<Component navigator={navigator} route={route} />
      </View>
    );
  },  render: function() {return (<Navigator
        style={styles.navigator}
        renderScene={this.renderScene}
        initialRoute={{
          component: InitialView,
          navigationBar: <NavigationBar title="Initial View"/>
        }}
      />
    );
  }
});
加载中

评论(0)

暂无评论

暂无资讯

1
回答
如何让xcode支持nonnull类型, xcode打开react的demo,提示nonnull unexpected a type这个问题有大神遇到过吗? 求解!

如何让xcode支持nonnull类型, xcode打开react的demo,提示nonnull unexpected a type这个问题有大神遇到过吗...

2015/09/23 11:41

没有更多内容

加载失败,请刷新页面

没有更多内容

bootstrap导航栏

参见:http://www.w3cschool.cc/bootstrap/bootstrap-navbar.html 创建一个默认的导航栏的步骤如下: 向 <nav> 标签添加 class .navbar、.navbar-default。 向上面的元素添加 role="navigati...

2015/01/28 11:28
587
0
bootstrap响应式导航栏

参见:http://www.w3cschool.cc/bootstrap/bootstrap-navbar.html 为了给导航栏添加响应式特性,您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 <div> 中。折叠起来的...

2015/01/28 11:42
8.7K
0
响应式前端框架Bootstrap系列(9)导航条与导航栏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/79046560 导航条,是网页设计中不可缺少的部分,它是指通过一定的技术手段,为...

2018/11/28 20:43
9
0
django-bootstrap集成

bootstrap作为流行的前端框架,已经被很多项目采用,如果用户接受不使用IE,采用bootstrap会大大节约我们的开发成本。下面对django和bootstrap集成做简单的介绍。...

2014/04/22 16:46
3.3K
0
UINavigationBar自定义导航栏

添加自定义导航栏/设置导航栏标题颜色和字体大小/阴影 /纯色生成图片

2015/05/12 01:32
111
0
Ionic3--禁用页面返回按钮

Ionic3禁用页面返回按钮 一、在该页面<ion-navbar>中添加hideBackButton="true" <ion-header> <ion-navbar hideBackButton="true"> <ion-title>注册</ion-title> </ion-navbar> </ion-header...

2018/05/24 19:44
438
0
sublime bootstrap snippets

Bootstrap 3 - Sublime Plugin A sublime plugin complete with Bootstrap 3 snippets Feel free to let me know what else you want added via: Twitter @JasonMortonNZ Issues What's incl...

2014/11/28 10:14
39
0
小程序自定义底部tab

场景 1.tabBar是在内页而非首页,这时就不得不自定义一个tabBar了 2.自定义风格 3.子页数量超过5个,得到更多了tab 4.改变点击tab默认事件,比如出登录界面,或者弹出上拉子菜单等 步骤 1.照...

2018/08/07 16:28
1K
0
新页面拆分、登陆

1、agriculture-mvc-servlet.xml <!-- thymeleaf的视图解析器 --> <bean id="templateResolver" class="org.thymeleaf.templateresolver.ServletContextTemplateResolver"> 关键代码:<prop...

2015/08/04 11:38
17
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部