当前位置：首页 > 软件库 > iOS代码库 > 导航条(Navigation Bar) >

react-native-navbar

React Native 导航栏

授权协议 MIT

开发语言 JavaScript

所属分类 iOS代码库、导航条(Navigation Bar)

软件类型开源软件

地区不详

投递者鲍钊

操作系统 iOS

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

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"/>
        }}
      />
    );
  }
});

使用案例

react-native 路由

转自：https://www.jianshu.com/p/37428d579cf6 强烈推荐使用该三方如果在使用过程中遇到什么问题，可以加入react-native兴趣交流群群号：397885169一起讨论学习，也欢迎在评论区评论。 RN项目模板，还未完成，但react-native-router-flux的Demo在里面本文会持续更新，只要该库作者不停止更新，那么我也不会停下脚步。可能很
react-native-router-flux使用技巧（API篇）

每个项目产品都要加埋点，加500行埋点是不是会占用你一两天的时间而且很容易犯错,想只用一小时准确加完这500行埋点剩下一天喝茶聊天么？来试试这520web工具, 高效加埋点，目前我们公司100号前端都在用，因为很好用，所以很自然普及开来了，推荐给大家吧 http://www.520webtool.com/ 自己开发所以免费，埋点越多越能节约时间，点两下埋点就加上了，还不会犯错，里面有使用视频，反正
处理react-native-swiper第三方轮播组件的样式高度问题

处理react-native-swiper第三方轮播组件的样式高度问题，方案是将swiper组件放到一个View容器里，并且给容器设定高度，超出部分overflow: hidden 如果需要在轮播图上放标题+横向长条背景框，则需要放到容器之外，进行绝对定位，而且swiper组件有高度问题，需要注意不要添加多余的marginTop、paddingTop、height等高度值，容器检查元素的时候晕头
react-native-router-flux

react-native-router-flux 1.react-native-router-flux是一个第三方的路由组件，目前的最新V4版本已经基于react-navigation实现。 2.react-native-router-flux包含了官方推荐react-navigation一些没有实现的功能，如：modal,refresh等。完整demo：https://github.com/l
react-native-router-flux使用技巧

强烈推荐使用该三方如果在使用过程中遇到什么问题，可以加入react-native兴趣交流群群号：397885169一起讨论学习，也欢迎在评论区评论。 RN项目模板，还未完成，但react-native-router-flux的Demo在里面本文会持续更新，只要该库作者不停止更新，那么我也不会停下脚步。可能很多人之前就用过这个三方，也可能有些人听过没用过。在这系列文章中，我将重点推荐使用该三方
React Native - 使用库 react-native-camera 调用摄像头扫描二维码以及条形码

一：react-native-camera介绍 react-native-camera 是一个第三方的开源库，我们可以通过它来调用设备的摄像头，从而实现拍照、或者录像功能。 react-native-camera 功能强大，我们可以选择使用哪个摄像头、是拍照还是录像、是否录制声音、是否开启闪光灯、视图比例、拍摄质量、拍摄方向、触摸功能、条形码/二维码扫描等等。二：安装配置 react-nativ

react-native-navbar

同类工具

相关阅读

相关文章

相关问答

相关文档