分享
扫一扫
超级会员免费看
追梦猪
学习中成长
展开
-
react-native从入门到精通搭建app（四） 一一 路由跳转
四、react-Navigation路由及页面跳转1.创建堆栈导航器app.jsimportReactfrom'react'; import{View,Text}from'react-native'; import...原创 2019-09-19 17:39:55 · 454 阅读 · 0 评论 -
react-native从入门到精通搭建app（五） 一一 路由跳转传参
五、react-native路由跳转传递参数两种传参方式第一种：通过将params放入对象作为该navigation.navigate函数的第二个参数，将params传递给路径：this.props.navigation.navigate('RouteName', {...原创 2019-09-20 09:38:45 · 594 阅读 · 0 评论 -
react-native从入门到精通搭建app（六） 一一 头部标题栏设置
五、react-native头部标题栏设置1.设置标题屏幕组件可以具有静态属性navigationOptions，该属性称为对象或返回包含各种配置选项的对象的函数。我们用于标题标题的那个是title，如以下示例所示。HomeScreen主组件classHomeScreenexte...原创 2019-09-20 10:15:31 · 677 阅读 · 0 评论 -
react-native从入门到精通搭建app（三） 一一 路由依赖安装
三、react-Navigation路由依赖安装React Navigation社区今后主推的方案是一个单独的导航库react-navigation，它的使用十分简单。React Navigation 中的视图是原生组件，同时用到了运行在原生线程上的Animated动画库，因而性能表...原创 2019-09-19 17:40:20 · 336 阅读 · 0 评论 -
react-native从入门到精通搭建app（二） 一一 环境搭建
二、环境搭建根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。此篇环境搭建window，如要搭建ios请观看react-native官方文档：https://...原创 2019-09-19 16:25:40 · 329 阅读 · 0 评论 -
react-native报错信息之 The component for route 'X' must be a React component.
错误语句The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件如下图问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可 ...原创 2019-09-24 09:16:49 · 1114 阅读 · 0 评论 -
react-native报错信息之Can't find variable
在前端的路途上遇见了react-native，正如我带你如初恋你却虐我千百边，所有把爬坑的错误记录下拉供后面的小伙伴学习分享！在进行路由导航配置的时候出现了找不到变量（Can'tfindvariable）Can'tfindvariable:Button如下...原创 2019-09-19 14:42:09 · 7968 阅读 · 0 评论 -
react-native从入门到精通搭建app（一） 一一 简介
一、简介1、React-Native介绍 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript...原创 2019-09-19 14:56:01 · 736 阅读 · 0 评论 -
react-native从入门到精通搭建app（七） 一一 头部标题按钮
五、react-native头部标题按钮参数说明：title：可用作后备的字符串headerTitle。此外，将用作tabBarLabel（如果嵌套在TabNavigator中）或drawerLabel（如果嵌套在DrawerNavigator中）的后备。header：React E...原创 2019-09-20 10:55:44 · 387 阅读 · 0 评论 -
react-native从入门到精通搭建app（九） 一一 标签导航和抽屉导航嵌套使用
九、标签导航和抽屉导航嵌套使用前面几个例子我们看到了要不只有底部导航，要不只有侧栏导航，但是怎么让底部导航跟侧栏导航一起使用呢那我们就有点犯难，下面教大家嵌套使用侧栏和底部导航侧栏导航用的是createDrawerNavigator创建的底部导航用的是createBottomTabN...原创 2019-09-23 10:55:42 · 425 阅读 · 0 评论 -
react-native从入门到精通搭建app（八） 一一 标签导航和抽屉导航（侧滑导航）...
八、标签导航和抽屉导航（侧滑导航）1、标签导航在这我们要先安装标签导航环境不然会报错运行以下命令npmireact-navigation-tabs--savereact-navigation-tabs是react-navigation的一个子级的关系简单示例：demoimpor...原创 2019-09-20 13:55:06 · 308 阅读 · 0 评论 -
react-native报错信息之Super expression must either be null or a function
查了下stackoverflow，把这个问题的解决方法记录一下。一般导致这样的问题可能是你引入的命名错误1、确认一下React.Component是否书写正确，不是React.component或者React.Comonent… 2、检查下React版本，确保更...原创 2019-09-23 15:42:54 · 693 阅读 · 0 评论