react-native-navbar 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
react-native-navbar 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 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)

加载中
更多评论
暂无内容
发表了博客
2013/12/19 21:50

Navbar

<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css"> <style type="text/css"> body{margin:100px} </style> </head> <body style="height:1000px;"> <div class="navbar navbar-fixed-top"> ...

0
0
发表了博客
2019/10/14 22:05

Bootstrap navbar使用

bootstrap 导航主要有三种: 胶囊式导航 面包屑导航 头部导航 胶囊式和面包屑的本质是列表. 胶囊式导航使用时在列表的基础上添加.nav .nav-pill类 若想使用纵向导航再加.nav-stacked 例如: <ul class="nav nav-pills nav-stacked">...</ul> 面包屑导航使用时在列表的基础上添加.breadcrumb类即可 例如: <ol class="breadc...

0
0
发表了博客
2015/11/19 14:18

navBar 上添加searchBar

    //导航条的搜索条         UISearchBar *searchBar = [[UISearchBar alloc]initWithFrame:CGRectMake(500.0f,0.0f,250.0f,44.0f)];         searchBar.delegate = self;         [searchBar setPlaceholder:@"搜索"];                  //将搜索条放在一个UIVie...

0
0
发表了博客
2018/04/30 21:04

<nav class="navbar navbar-default" role="navigation">

<div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> ...

0
0
发表于大前端专区
2018/05/06 08:40

ionic3 ion-navbar 清除Back文字

修改文件:app.module.ts IonicModule.forRoot(MyApp,{ backButtonText:' ' })

0
0
发表了博客
08/16 16:07

uni-app小程序自定义navbar

<template> <view class="navbar"> <view class="navbar-fixed"> <!-- statusHeight 状态栏的高度 蓝色区块--> <view class="statusHeight" :style="{ height: statusBarHeight + 'px' }"></view> <!-- navcontent tabbar导航栏高度 绿色区块--> <view class="navcontent" :style...

0
0
发表了博客
2018/07/30 22:22

微信小程序实现navbar导航栏

一、效果图 二、涉及到组件 1.view组件 2.swiper组件 三、原理 整体来讲是比较简单的,顶部的navbar是使用flex进行布局的;下面的内容区域则是使用到swiper组件,使用方式比较简单,可以查看微信小程序的文档。 四、代码 wxml: 1 <view class="movie-container"> 2 <!-- 导航栏 --> 3 <view class="navbar"> ...

0
0
发表了博客
2013/12/11 13:59

navbar build by "Bootstrap3.x + RubyOnRails +Haml"

layout/application.haml:-------------------------------------------------------------------------------------- !!! %html %head %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"} %title= content_for?(:title) ? yield(:title) : "Pb Server" %meta{:conte...

0
0
发表了博客
2019/09/30 12:20

vant - Navbar slot 插槽使用

//子组件 <template> <van-nav-bar> <slot slot="left" name="left"></slot> <slot slot="title" name="title"></slot> <slot slot="right" name="right"></slot> </van-nav-bar> </template> <script> export default { name: 'navbar' } </script> <style> </style> //父组件 <template> <Na...

0
0
发表了博客
2019/05/14 08:45

导航栏(navbar) - bootStrap4常用CSS笔记

导航栏:navbar 导航栏容器可以包含以下几个常用组成: 1、品牌LOGO(.navbar-brand ) 2、导航菜单(.navbar-nav) 3、导航文本(.navbar-text) 4、折叠导航按钮(.navbar-toggle) 5、表单(.form-inline) 一、导航容器一般使用nav标签来定义: <nav class="navbar">...</nav> 导航容器可用样式: .navbar 导航栏基础...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2015/09/23 11:41

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

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

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
9 收藏
分享
返回顶部
顶部