ReactNative ToolbarAndroid体验之旅

嗯。。 又开始入坑RN了

前言

在测试官方代码的时候,发现并没有显示出效果,页面空白一片。
官方代码

render: function() {
  return (
    <ToolbarAndroid
      logo={require('./app_logo.png')}
      title="AwesomeApp"
      actions={[{title: 'Settings', icon: require('./icon_settings.png'), show: 'always'}]}
      onActionSelected={this.onActionSelected} />
  )
},
onActionSelected: function(position) {
  if (position === 0) { // index of 'Settings'
    showSettings();
  }
}

后来再多次查询资料,才发现是没有设置style的原因。
你需要给ToolbarAndroid设置一个height样式,才能让它正常显示!

玩耍

首先我们来看看我们需要的几个props:

actions

这个是右侧的菜单按钮列表

[更新中..]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • 公司打算用react-native开发APP,初始RN遇到了很多坑,搭建了一个小的项目框架,结合redux根据公司...
    45b645c5912e阅读 736评论 0 5
  • 你原来曾经遇到的困难和屈辱马上就会产生作用,只要以前经历过很大的困难和不利处境。你只要一想起,眼前的一切都不会觉得...
    Bruceshaoshao阅读 89评论 0 0
  • 大多数人为了明天而活着,而我只为了今天。在这个世界活着有许多事不是你一句不就可以解决的,为了活着的人类忘去自己的本...
    不知习惯阅读 127评论 0 0