React Native——react-navigation的使用

在 React Native 中,官方已经推荐使用 react-navigation 来实现各个界面的跳转和不同板块的切换。 react-navigation 主    要包括三个组件:StackNavigator 导航组件TabNavigator 切换组件DrawerNavigator 抽屉组件...

2018-07-11 17:26:03

阅读数:51

评论数:0

React Native 搭配 MobX 使用心得

MobX 是一款十分优秀的状态管理库,不但书写简洁还非常高效。当然这是我在使用之后才体会到的,当初试水上车的主要原因是响应式,考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处。在使用过程中走了不少弯路,一部分是因为当时扫两眼文档就动手,对 MobX 机制理解...

2018-03-04 14:17:19

阅读数:199

评论数:0

React Native App应用架构设计

在上一篇介绍了React Native开发环境搭建,我们已经可以在本地成功运行一个helloword应用了,本节将开始详细分析如何搭建一个React Native App应用架构,并支持完整本地运行预览。完整代码见github索引 [隐藏]1 前言2 项目结构与技术栈2.1 技术栈3 开发调试工具...

2018-03-04 13:55:10

阅读数:150

评论数:0

用React-Native+Mobx做一个迷你水果商城APP

前言最近一直在学习微信小程序,在学习过程中,看到了wxapp-mall这个微信小程序的项目,觉得很不错,UI挺小清新的,便clone下来研究研究,在看源码过程中,发现并不复杂,用不多的代码来实现丰富的功能确实令我十分惊喜,于是,我就想,如果用react-native来做一个类似这种小项目难不难呢,...

2018-03-04 13:43:42

阅读数:81

评论数:0

实现一个简单的虚拟DOM

原文地址:http://www.cnblogs.com/giggle/p/7538533.html 现在的流行框架,无论React还是Vue,都采用虚拟DOM。 好处就是,当我们数据变化时,无需像Backbone那样整体重新渲染,而是局部刷新变化部分,如下组件模版: ul class...

2017-09-22 16:33:08

阅读数:178

评论数:0

react native 整合极光推送(Android)

react native 整合极光推送(Android) 最近项目中需要用到通知,综合比较决定使用极光推送,看了看网上的教程好像都没有一个整合好的例子,或者是步骤有些问题,自己也折腾了很长时间,在此把极光推送配置的步骤整理一下,提供给各位有需要的朋友 一.安装 我的react nat...

2017-08-15 20:34:11

阅读数:287

评论数:0

react native极光推送全程教程android和ios

此处我用的是jpush-react-native,这个是极光官网维护的,还有一个是react-antive-jpush,这是中文网的,我这里没用这个 上一篇讲了如何申请ios的开发和生产证书的流程,http://blog.csdn.net/liu__520/article/details/5...

2017-08-14 21:27:17

阅读数:468

评论数:0

React 状态管理库: Mobx

原文地址:https://segmentfault.com/a/1190000010084073 React 是一个专注于视图层的库。React 维护了状态到视图的映射关系,开发者只需关心状态即可,由 React 来操控视图。 在小型应用中,单独使用 React 是没什么问题的。但在复...

2017-08-13 13:56:34

阅读数:3854

评论数:0

Redux "使用"教程

如果觉得识兔项目可以,欢迎给个star,在稍后的日子里,识兔将会不断完善,如果有什么有意思的需求可以提出来,我可能会加在识兔里面哦! 本文的Demo 最终的运行效果 运行效果.gif 前言 本文仅写给在项目中没用使用过redux,又急于利用redux开发的同学们。 之前开源rn...

2017-08-09 16:45:25

阅读数:199

评论数:0

react-navigation使用技巧

本文是基于react-navigation^1.0.0-beta.9来书写的。 如果遇到什么问题可以在评论区回复,或者加QQ群397885169讨论 识兔,一款用来识别图片的开源项目,在未来还会添加更多有意思的东西 react-navigation的Demo react-navigatio...

2017-08-09 16:31:56

阅读数:165

评论数:0

react-navigation使用技巧(进阶篇)

转子http://www.jianshu.com/p/b877115fff1b 之前写过react-navigation使用技巧,那篇文章中主要讲了React-navigation的属性,封装和一些小技巧。虽然上篇文章中也有一些小技巧,但因为补充的比较晚,导致有些人没有看全,再加上我又找到了一些...

2017-08-09 16:20:11

阅读数:4775

评论数:0

ReactNative分组列表SectionList使用详情及示例详解

《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React Native unable to load script from assets index.android.bundle on windows》 《React ...

2017-08-09 15:21:43

阅读数:1066

评论数:0

React-Native AsyncStorage setNativeProps

有时候我们需要直接改动组件并触发局部的刷新,但不使用state或是props。 setNativeProps 方法可以理解为web的直接修改dom。使用该方法修改 View 、 Text 等 RN自带的组件 ,则不会触发组件的 componentWillReceiveProps 、 shouldC...

2017-08-09 15:17:36

阅读数:299

评论数:0

React-Native 样式指南

原文出处:https://github.com/doyoe/react-native-stylesheet-guide React-Native 的样式基本上是实现了 CSS 的一个子集,并且属性名不完全一致,所以当你开始在编写 React-Native 之前,可以先简要了解一下。...

2017-08-09 10:17:14

阅读数:188

评论数:0

react-native项目之样式总结

react native(以下简称rn)里面涉及到的样式规则都是在js文件中写的,一改pc端的在样式文件中定义规则,所以pc端开发习惯的童鞋转向开发rn项目时,可能会对样式感到有些奇怪;其实react在地面实现时会转化对应的样式。   rn中的css样式是css中的一个子集,对css的一些规程进...

2017-08-09 10:15:24

阅读数:306

评论数:0

react-native 之style

react-native 不是通过css来实现app的styles,而是依赖于JavaScript。 一、声明一个styles: var styles = StyleSheet.create({ base: { width: 38, height: 38, }, bac...

2017-08-08 17:52:53

阅读数:143

评论数:0

React Native使用Mobx总结

参考博客: http://www.jianshu.com/p/505d9d9fe36a    这是我看的学习Mobx目前为止觉得最详细学习的博客了. 下面只是记录下我的学习和一些简单的使用: 需要引入的库: "mobx": "^3.1.16", ...

2017-08-08 17:13:21

阅读数:3021

评论数:1

React 组件之间如何交流

前言 今天群里面有很多都在问关于 React 组件之间是如何通信的问题,之前自己写的时候也遇到过这类问题。下面是我看到的一篇不错英文版的翻译,看过我博客的人都知道,我翻译可能不会按部就班,会尽可能用中文的意思,来将作者要讲述的技术描述清楚。英文能力有限,如果有不对的地方请跟我留言,一定修改……^...

2017-08-08 16:51:04

阅读数:223

评论数:0

React Native之ScrollView控件详解

概述 ScrollView在Android和ios原生开发中都比较常见,是一个 滚动视图控件。在RN开发中,系统也给我们提供了这么一个控件。不过在RN开发中 ,使用ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚...

2017-08-08 16:31:40

阅读数:224

评论数:0

React-Native 之 Modal介绍与使用

前言 遗漏的常用组件,刚发现官方有提供,这边也来介绍一下。如本文有错或理解偏差欢迎联系我,会尽快改正更新!如有什么问题,也可直接通过邮箱 277511806@qq.com 联系我。 本章涉及资源下载: 链接: https://pan.baidu.com/s/1o84o6JS 密码...

2017-08-08 16:20:12

阅读数:120

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭