- 博客(16)
- 收藏
- 关注
RSS订阅原创 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
2330
1
原创 ReactNative——TabNavigator的深入了解，打造一个自定义的Tab
最近有一个类似图片中的需求，左右滑动来切换下方的列表。一开始看到，就想到React-Navigation中的TabNavigator，但是，这个图中的Tab与传统的Tab有一些区别，一般的Tab都是上面一个图标，下面一个文字（类似QQ，微信的底部导航）或者没有图标，单纯是一个文字。所以看到图...
2018-05-05 19:40:23
1366
原创 记录碰见的坑和解决办法
一，在打开一个从网上下载的RN时，碰到编译出错的问题，报错如下：* What went wrong:A problem occurred configuring project ':app'.> Could not resolve all dependencies for configuration ':app:_debugApk'. > Configuration with...
2018-04-20 20:19:01
1421
原创 ReactNative学习笔记（八）——TabNavigator，TextInput，Image属性补充
今天进行界面的练习，第一个界面拥有一个底部导航栏，有4个标签，进行4个不同页面的切换。在写的过程中，需要用到TabNavigator的属性，之前只是简单的实现了一下，今天详细了解了一下，在这里做一个补充： 一，隐藏StackNavigator的顶部标题栏const routers = StackNavigator({ MainRoutre:{screen:Ma...
2018-04-20 20:04:08
492
原创 ReactNative学习笔记（七）——ref属性的用法和可点击组件
今天把CrazyCodeBoy老师的视频看完了，稍微总结一下：一，ref属性 ref是组件的一种特殊属性，可以理解为，组件被渲染后，指向组件的一个引用。我们可以通过ref属性来获取真实的组件。 具体的用法就是：在一个文件中导入一个组件，可以通过组件的ref属性，来调用组件中定义的方法，用一个小例子来具体说明一下： 第一个文件：RefTestFather.jsi...
2018-04-18 00:50:50
2663
原创 ReactNative学习笔记（六）——props和state补充
看了CrazyCodeBoy老师关于props和state的视频，又掌握了一些新的东西。1.设置默认属性 对于需要从父组件传递的属性，我们可以在定义组件时，设置一个默认的属性，具体写法如下： static defaultProps = { name:'Tom', age:16 ...
2018-04-16 20:02:21
205
原创 ReactNative学习笔记（五）——导出与导入
今天继续跟着视频学习，主要学习了导入与导出，总结如下： 一，如何导出一个组件，如何使用导出的组件 在定义组件时，加上export default。例如 export default class HelloComponent extends Component{}，或者也可以使用ES5的方式。在定义完组件后，用module.exports = 组件名;例如：...
2018-04-16 00:16:07
376
原创 ReactNative学习笔记（四）——组件的生命周期
今天跟着CrazyCodeBoy老师的视频（ReactNative基础与入门教程）学习的，如果大家觉得看视频讲的慢，浪费时间的话，调成1.25倍速播放就可以。个人有点强迫症，想要学得更系统一点，就跟着视频来，也可以掌握一些更细小的知识。 总结下今天学得主要内容： 一，组件的生命周期 说几个比较重要的方法： constructor()：一般在构造函...
2018-04-15 00:10:42
949
原创 ReactNative学习笔记（三）——ReactNavigation
今天跟着RN中文网学习使用导航器跳转页面，现在官方推荐React-Nevigation。但是RN中文网写的太简单，不知道该怎么用，就去搜索了其他文章。结果发现其他文章又写的太繁琐，一上来就给你介绍一大堆属性，代码也很零散，看的让人头大，几乎想要放弃。后来看到了xiongtm的这篇博客，相对还算简单一些，也贴上了github的项目地址，我就直接clone下来了，运行了一下，发现例子也比...
2018-04-13 20:28:00
554
原创 ReactNative学习笔记（二）——长列表（FlatList和SectionList）
昨天跟着ReactNative中文网学习，看到了ListView和网络还有Navigation跳转的那里，发现这三个知识点有些难度，没有理解，今天接着看的。但是发现了一个问题，原来昨天看的文档版本有点落后，看了当前版本的文章，才慢慢理解了一点。如图所示： 在ReactNative中文网的左上角，标明了文档的版本，点击右边的箭头可以选择以前的版本。昨天不知道什么时候选择了0....
2018-04-12 23:22:52
1149
原创 ReactNative用Fetch实现网络请求
最近在学习ReactNative的网络知识，看了不少文章，讲的都比较复杂，还推荐让学习promise，但是对于一个没有js和react基础的纯新人来说，那些原理显得有点难度，我个人建议初学者不需要看，先学会Fetch的用法就行了，原理以后慢慢就会了解。我根据自己看的一些文章和例子，写了一个对于新手来说，非常友好的用Fetch进行网络请求的Demo，堪称关于Fetch用法的HelloWo...
2018-04-12 23:12:05
356
原创 ReactNative学习笔记（一）——搭建环境和基础知识
学习ReactNative（以下简称RN），我主要跟着ReactNative 中文网和Marno的简书来学习的。比较系统并且也容易理解，学习了两天了，记录一下关键点和自己遇到的一些问题。 我原来是搞Android原生开发的，没有学过html，css，javascript，也没有了解过react，之前一直用的Java语言，所以一接触RN，在语法上不是特别习惯，也看不太懂。我...
2018-04-11 20:19:59
465
原创 鸭子类型（duck typing）
鸭子类型的名称来自于这样一句话“当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子，那么这只鸟就可以被称为鸭子。” 鸭子类型是多态的一种形式。在这种形式中，一个对象有效的语义，不是由继承自特定的类或实现特定的接口决定的，而是由当前方法和属性的集合所决定。只要对象实现了相应的方法，函数就可以在对象上执行操作。即忽略对象的真正类型，转而关注对象有没有实现所需的方法、签名和语义。
2018-04-10 20:19:50
518
原创 静态语言和动态语言的区别
静态语言静态语言是在编译时变量的数据类型即可确定的语言，多数静态类型语言要求在使用变量之前必须声明数据类型。 例如：C++、Java、C#等。动态语言动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明，通常变量的类型是被赋予的值的的类型。 例如PHP、Ruby、Python、JavaScript等。静态语言的优势由于类型的强制声明，使得IDE有很强的代码感知能力，故，在实现复杂的业务...
2018-04-10 19:32:04
1296
原创 TextView中的那些空格
名称 编号 描述           1 个字符宽度    2个字符宽度看网上的资料，空格大...
2017-01-10 13:53:35
1264
转载 Android环境变量配置
一，先下载好jdk和sdk二，在环境变量的系统环境变量下进行环境变量的配置（以下操作都是在系统环境变量中进行） 1，配置环境变量：JAVA_HOME 新建，变量名：” JAVA_HOME “，变量值：C:\Program Files\Java\jdk1.6.0_43（jdk的目录）2，配置环境变量：CLASSPATH在系
2016-11-08 00:05:38
1064
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人