![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative系列讲义-进阶篇
文章平均质量分 65
蜗牛慢慢跑
这个作者很懒,什么都没留下…
展开
-
《ReactNative系列讲义》进阶篇---07.Refs
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、简介有时我们需要组件的非典型数据或者方法,并不是以属性的方式出现,而是通过组件的引用调用。一般常见的使用场景有:管理焦点、文本选择、媒体播放、触发必要的动画、合并第三方库等等。下面让我们通过几个简单的demo来认识一下refs。二、基础知识ref是组件的一个特殊属性,任何一个组件都带有该属性。ref属性通过call...原创 2017-09-07 21:56:32 · 477 阅读 · 0 评论 -
《ReactNative系列讲义》进阶篇---06.FlatList(三)
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、简介截止到上篇文章,关于FlatList无论是简单的还是高级的属性用法都已经介绍完毕,今天我们一起来看看FlatList更高级的玩法,相关方法的调用。二、基础知识获取FlatList的引用scrollToEnd:直接跳转到内容的底部,建议设置getItemLayout属性,不然会出现卡顿scrollToIndex...原创 2017-09-06 23:37:30 · 8683 阅读 · 2 评论 -
《ReactNative系列讲义》进阶篇---04.FlatList(一)
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、简介FlatList,平面列表。应用场景一 般是有大量的数据一条一条的罗列出来。这些数据的属性相同,但是内容不一样。那现实中究竟是怎样的一种情景呢,下面我们一起来看看FlatList的基本用法。二、基础知识1. FlatList有哪些特性?支持跨平台(同时支持Android和IOS等平台)支持水平布局...原创 2017-09-04 21:54:37 · 2543 阅读 · 0 评论 -
《ReactNative系列讲义》进阶篇---05.FlatList(二)
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、简介上篇文章中我们了解到了FlatList组件的基本用法,其实FlatList还有很多丰富的功能,可实现更多更灵活的业务需求,接下来让我们一起来看看吧~二、基础知识支持单独的头部文件// Header布局_renderHeader = () => ( <View><Tex...原创 2017-09-05 21:51:46 · 4352 阅读 · 1 评论 -
《ReactNative系列讲义》进阶篇---03.Modal
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、简介项目开发中,总会遇到弹出窗,弹出窗的功能可能会是确认、单项选择、多选、提示等等,一般情况下我们想要的效果通常是在当前页面触发事件,弹出遮罩层,并不会完全覆盖掉当前页面,当前页面处于部分可见,而布局的焦点处于遮罩层上,一般可见布局位于中央部分,本篇博客带大家制作一个单选框的Modal二、思路整理定义需要的属性,定义属性...原创 2017-07-10 17:38:59 · 486 阅读 · 0 评论 -
《ReactNative系列讲义》进阶篇---01.自定义单选对话框 SingleChoiceDialog
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、内容简介在我们日常的开发中经常会遇到以Dialog对话框的形式,进行单项选择的操作,例如:选择性别,选择语言等等。在这篇文章中,我们以翻译工具的选择语言功能为例,编写单项选择插件。 大体思路如下: 以ReactNative官方提供的Modal组件为核心,通过定义插件所需要的属性(props),封装出SingleChoiceDi...原创 2017-05-16 10:46:03 · 1657 阅读 · 0 评论 -
《ReactNative系列讲义》进阶篇---02.自定义机场选择列表 AirportListView
| 版权声明:本文为博主原创文章,未经博主允许不得转载。一、内容简介对于拥有国外市场或者通讯功能的APP来说,通过列表展示选择自己需要的数据是很常见的功能模块,例如:通讯录,选择国家等等。这类组件的实现原理基本一致,本篇文章带大家实现一个机场的列表选择模块。 目前只实现了最基础的首字母定位查找功能,首字母分组功能,后期会加上模糊查询,热门城市推荐。技术点总结ReactNativ...原创 2017-05-17 15:00:46 · 695 阅读 · 0 评论