- 博客(7)
- 资源 (2)
- 收藏
- 关注
原创 Flutter集成简单描述
Flutter是Google在2018年初推出的一款跨平台移动开发框架,可以同时在iOS和android两个平台开发高质量的原生移动APP。之前使用RN开发过一些项目,感觉RN还是挺不错的,但是在一些列表组件上的渲染和体验不是太好,正好今年google新推出了flutter,所以就想尝试一下。活到老学到老嘛,哈哈。一下简单介绍下在Mac上集成flutter的方法,由于本人也是新手入门,以下...
2019-01-10 10:52:42
507
原创 RN相关知识整理
FlatList实现Grid布局:初始化<FlatList/>配置flatList的contentContainerStyle属性为{flexDirection:‘column’},然后配置numColumns属性来确定每行显示的个数,即可实现grid样式的布局.react-navigation配置导航头,页面跳转的时候,android端默认的页面切换方式是类似ios中modal样...
2018-06-12 11:01:02
483
原创 React Native 官方推荐导航头(react-navigation)使用教程
目前facebook推荐的第三方库react-navigation已经有了正式版本,下面简单介绍一下createStackNavigator的使用方法1.打开终端,进入项目根目录,执行npm install --save react-navigation命令,完成后,打开package.json,看到react-navigation,说明安装成功。2.利用createStackNavigator函...
2018-05-09 15:30:10
1016
原创 iOS原生页面、ReactNative页面之间相互跳转
在学习RN中遇到过一个问题,就是原生页面通过navigation push到一个Rn页面,如果使用原生的navigation的话,rn页面中的导航头无法定义title、左右按钮等等自定义控件,为了解决这个问题,可以在原生页面push事件触发的时候隐藏导航头,在rn页面中手动添加自己的导航头,这样在原生页面有一套自己的导航头,rn页面中也有自己的一套导航头。具体实现如下:1,在xcode工程的A...
2018-05-08 14:27:44
3480
2
原创 iOS原生项目集成React Native(不使用pods)
iOS原生项目集成RN步骤(确保已经安装React Native环境):1,使用Xcode创建项目,RNProject在根目录下创建ios目录,将xcode创建的工程等相关文件移到ios目录下。2,在项目根目录下添加package.json文件,如下图所示:3,安装rn模块:打开终端,进入项目根目录,执行命令npm install。完成后可以看到项目中多了node_modu...
2018-05-07 17:58:32
608
原创 React Native 读取本地图片,配置导航栏、tabbar图片
RN读取iOS本地图片,首先打开xcode工程,在Images.xcassets目录下新建img目录,将需要显示的图片添加到img目录下,重新运行程序。NavigationIOS添加左右按钮图片,leftButtonIcon:{uri:'nav_back', scale:2},rightButtonIcon:{uri:'nav_back', scale:2}Tabbar和NavigationIO...
2018-05-04 15:38:02
1138
原创 React Native SectionList控件通过封装数据来实现gridView布局样式
SectionList是React Native在0.43版本推出的高性能分组列表组件,主要的功能有:支持水平布局,支持单独的头、尾部组件,自定义行间分割线,上拉、下拉刷新。这篇文章主要描述通过封装数据源来实现宫格样式的布局,1、初始化SectionList组件,数据源的封装稍后讲解<SectionList style={{marginTop:64, backgroundColor:'#f2...
2018-05-04 14:58:31
3049
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人