ios
__卓原
程序员~
展开
-
react-native 轮播组件 looped-carousel使用介绍
一 关于轮播类组件,网上其实已经有挺多了,本人曾经用过 swiper,viewpager,以及facebook出品的viewpagerAndroid。swiper因在安卓上有问题,而且在组件嵌套使用时问题较多,所以弃用。后来尝试viewpager,因为轮播时,下面的圆点显示有误,所以弃用。而ViewpagerAndroid因为只支持安卓系统,所以很少用到,在ios必须另找组件。最近原创 2017-07-31 14:58:42 · 8304 阅读 · 7 评论 -
react-native SectionList的使用
之前facebook发布了高性能的列表组件 Flatlist(可理解为优化后的Listview),后来又增加了一个SectionList。属于增强版的Flatlist,支持头部悬浮等,如果你的列表不需要分组(section),那么可以使用结构更简单的<FlatList>。关于FlatList的使用,可参考:react-native flatlist 的进阶使用而且二者之间有...原创 2017-08-03 16:25:11 · 4402 阅读 · 1 评论 -
react-native flatlist 的进阶使用 (头尾,间隔组件和滚动事件)
0.43之后 RN添加了Flatlist组件,作为ListView的增强版,FlatList有着很强的性能上的优势,而且使用起来也更简单。最基础的:<FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => Text>{item.key}Text>}/>最好是给data数据每一个item都添加一个ke原创 2017-07-04 22:26:22 · 30177 阅读 · 5 评论 -
ReactNative 刘海屏适配iPhoneX
iPhoneX 出了之后 , 它的小刘海和底部的home条成为了移动端程序员需要适配的地方, 今天用ReactNative 初步在项目上尝试了适配. 先看一下iPhonex7和X上同样代码的效果图:UI适配导航栏适配iPhoneX由于多了大圆角、传感器(齐刘海)以及底部访问主屏幕的指示遮挡,所以需要注意原有这部分内容的设计。 iOS11前导航栏的高度是64,其中statusBa...原创 2017-11-21 14:51:08 · 20483 阅读 · 6 评论 -
ReactNative 图片上传保存 CameraRoll的使用
本文主要介绍CaremaRoll的使用(保存图片,获取手机图片) 图片上传(常用于上传头像功能)CaremaRoll介绍结合官方文档做说明:CameraRoll模块提供了访问本地相册的功能。在iOS上使用这个模块之前,你需要先链接RCTCameraRoll库,具体做法请参考链接原生库文档。译注:本模块只提供了基本的访问图片的功能,并没有提供相册界面。对于多数开发者来说,可能原创 2018-01-16 15:43:08 · 5694 阅读 · 1 评论 -
ReactNative 抽屉组件 侧滑栏 react-native-side-menu
示例图:安装npm install react-native-side-menu --save使用引入组件import SideMenu from 'react-native-side-menu';使用组件:render() { const menu = Text style={{marginTop: 22}}>aaaText原创 2018-02-06 14:50:12 · 7452 阅读 · 1 评论 -
reactnative热更新 react-native-pushy
快速入门-准备工作首先你应该有一个基于React Native开发的应用,我们把具有package.json的目录叫做你的”应用根目录”。如果你还没有初始化应用,请参阅开始使用React Native。所以我们也假设你已经拥有了开发React Native应用的一切环境,包括Node.js、npm、XCode、Android SDK等等。如果你之前没安装过,你还必须安装Androi...原创 2018-02-08 17:09:03 · 4073 阅读 · 1 评论 -
react-native-firebase 登录功能集成与实现
以下内容基于 react-native-firebase 版本4.1 安装iOS安装首先确保您已遵循。初始设置指南 Add the pod将以下内容添加到您的Podfile:pod 'Firebase/Auth'run pod update。如果您打算使用电子邮件登录链接,那么您还需要遵循。iOS动态链接安装指南Android安装添加依赖项...原创 2018-07-02 17:37:56 · 4712 阅读 · 0 评论 -
React Native Firebase
React Native Firebase 介绍RNFirebase使用Firebase和React Native简单。它是一个轻量级的图层,位于iOS和Android的原生Firebase库的顶部,尽可能地反映Firebase Web SDK。虽然Firebase Web SDK库可以与React Native一起使用,但它主要是为Web构建的。RNFirebase为iOS和Andro...原创 2018-07-03 10:00:25 · 2071 阅读 · 0 评论