- 博客(7)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Flutter集成简单描述
Flutter是Google在2018年初推出的一款跨平台移动开发框架，可以同时在iOS和android两个平台开发高质量的原生移动APP。之前使用RN开发过一些项目，感觉RN还是挺不错的，但是在一些列表组件上的渲染和体验不是太好，正好今年google新推出了flutter，所以就想尝试一下。活到老学到老嘛，哈哈。一下简单介绍下在Mac上集成flutter的方法，由于本人也是新手入门，以下...
2019-01-10 10:52:42
480
原创 RN相关知识整理
FlatList实现Grid布局：初始化<FlatList/>配置flatList的contentContainerStyle属性为{flexDirection：‘column’}，然后配置numColumns属性来确定每行显示的个数，即可实现grid样式的布局.react-navigation配置导航头，页面跳转的时候，android端默认的页面切换方式是类似ios中modal样...
2018-06-12 11:01:02
445
原创 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
962
原创 iOS原生页面、ReactNative页面之间相互跳转
在学习RN中遇到过一个问题，就是原生页面通过navigation push到一个Rn页面，如果使用原生的navigation的话，rn页面中的导航头无法定义title、左右按钮等等自定义控件，为了解决这个问题，可以在原生页面push事件触发的时候隐藏导航头，在rn页面中手动添加自己的导航头，这样在原生页面有一套自己的导航头，rn页面中也有自己的一套导航头。具体实现如下：1，在xcode工程的A...
2018-05-08 14:27:44
3408
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
590
原创 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
1099
原创 React Native SectionList控件通过封装数据来实现gridView布局样式
SectionList是React Native在0.43版本推出的高性能分组列表组件，主要的功能有：支持水平布局，支持单独的头、尾部组件，自定义行间分割线，上拉、下拉刷新。这篇文章主要描述通过封装数据源来实现宫格样式的布局，1、初始化SectionList组件，数据源的封装稍后讲解<SectionList style={{marginTop:64, backgroundColor:'#f2...
2018-05-04 14:58:31
3016
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人