ReactNative
关注
分享
扫一扫
文章平均质量分 77
只会写HelloWorld
这个作者很懒，什么都没留下…
展开
-
ReactNative学习笔记（四）——组件的生命周期
今天跟着CrazyCodeBoy老师的视频（ReactNative基础与入门教程）学习的，如果大家觉得看视频讲的慢，浪费时间的话，调成1.25倍速播放就可以。个人有点强迫症，想要学得更系统一点，就跟着视频来，也可以掌握一些更细小的知识。 总结下今天学得主要内容： 一，组件的生命周期 说几个比较重要的方法： constructor()：一般在构造函...原创 2018-04-15 00:10:42 · 980 阅读 · 0 评论 -
ReactNative——TabNavigator的深入了解，打造一个自定义的Tab
最近有一个类似图片中的需求，左右滑动来切换下方的列表。一开始看到，就想到React-Navigation中的TabNavigator，但是，这个图中的Tab与传统的Tab有一些区别，一般的Tab都是上面一个图标，下面一个文字（类似QQ，微信的底部导航）或者没有图标，单纯是一个文字。所以看到图...原创 2018-05-05 19:40:23 · 1411 阅读 · 0 评论 -
ReactNative学习笔记（八）——TabNavigator，TextInput，Image属性补充
今天进行界面的练习，第一个界面拥有一个底部导航栏，有4个标签，进行4个不同页面的切换。在写的过程中，需要用到TabNavigator的属性，之前只是简单的实现了一下，今天详细了解了一下，在这里做一个补充： 一，隐藏StackNavigator的顶部标题栏const routers = StackNavigator({ MainRoutre:{screen:Ma...原创 2018-04-20 20:04:08 · 537 阅读 · 0 评论 -
ReactNative学习笔记（三）——ReactNavigation
今天跟着RN中文网学习使用导航器跳转页面，现在官方推荐React-Nevigation。但是RN中文网写的太简单，不知道该怎么用，就去搜索了其他文章。结果发现其他文章又写的太繁琐，一上来就给你介绍一大堆属性，代码也很零散，看的让人头大，几乎想要放弃。后来看到了xiongtm的这篇博客，相对还算简单一些，也贴上了github的项目地址，我就直接clone下来了，运行了一下，发现例子也比...原创 2018-04-13 20:28:00 · 613 阅读 · 0 评论 -
ReactNative用Fetch实现网络请求
最近在学习ReactNative的网络知识，看了不少文章，讲的都比较复杂，还推荐让学习promise，但是对于一个没有js和react基础的纯新人来说，那些原理显得有点难度，我个人建议初学者不需要看，先学会Fetch的用法就行了，原理以后慢慢就会了解。我根据自己看的一些文章和例子，写了一个对于新手来说，非常友好的用Fetch进行网络请求的Demo，堪称关于Fetch用法的HelloWo...原创 2018-04-12 23:12:05 · 395 阅读 · 0 评论 -
ReactNative学习笔记（二）——长列表（FlatList和SectionList）
昨天跟着ReactNative中文网学习，看到了ListView和网络还有Navigation跳转的那里，发现这三个知识点有些难度，没有理解，今天接着看的。但是发现了一个问题，原来昨天看的文档版本有点落后，看了当前版本的文章，才慢慢理解了一点。如图所示： 在ReactNative中文网的左上角，标明了文档的版本，点击右边的箭头可以选择以前的版本。昨天不知道什么时候选择了0....原创 2018-04-12 23:22:52 · 1201 阅读 · 0 评论 -
ReactNative学习笔记（一）——搭建环境和基础知识
学习ReactNative（以下简称RN），我主要跟着ReactNative 中文网和Marno的简书来学习的。比较系统并且也容易理解，学习了两天了，记录一下关键点和自己遇到的一些问题。 我原来是搞Android原生开发的，没有学过html，css，javascript，也没有了解过react，之前一直用的Java语言，所以一接触RN，在语法上不是特别习惯，也看不太懂。我...原创 2018-04-11 20:19:59 · 518 阅读 · 0 评论 -
ReactNative学习笔记（七）——ref属性的用法和可点击组件
今天把CrazyCodeBoy老师的视频看完了，稍微总结一下：一，ref属性 ref是组件的一种特殊属性，可以理解为，组件被渲染后，指向组件的一个引用。我们可以通过ref属性来获取真实的组件。 具体的用法就是：在一个文件中导入一个组件，可以通过组件的ref属性，来调用组件中定义的方法，用一个小例子来具体说明一下： 第一个文件：RefTestFather.jsi...原创 2018-04-18 00:50:50 · 2763 阅读 · 0 评论 -
ReactNative学习笔记（六）——props和state补充
看了CrazyCodeBoy老师关于props和state的视频，又掌握了一些新的东西。1.设置默认属性 对于需要从父组件传递的属性，我们可以在定义组件时，设置一个默认的属性，具体写法如下： static defaultProps = { name:'Tom', age:16 ...原创 2018-04-16 20:02:21 · 231 阅读 · 0 评论 -
ReactNative学习笔记（五）——导出与导入
今天继续跟着视频学习，主要学习了导入与导出，总结如下： 一，如何导出一个组件，如何使用导出的组件 在定义组件时，加上export default。例如 export default class HelloComponent extends Component{}，或者也可以使用ES5的方式。在定义完组件后，用module.exports = 组件名;例如：...原创 2018-04-16 00:16:07 · 406 阅读 · 0 评论 -
ReactNative集成MobX教程——2019年最新版
公司最近开了一个新项目，继续采用ReactNative，作为项目负责人，博主正好有机会从头搭建一个项目。在集成MobX的时候，出现了一些问题，主要是因为使用了 0.57.+ 的ReactNative版本，在0.56版本的ReactNative更新中，采用了Babel7，网上老的教程有些过时了，会报错。还用了5.8.0版本的MobX和5.4.3版本的MobX-React，都是最新的版本，也遇到了...原创 2019-01-21 14:41:32 · 2385 阅读 · 1 评论