随笔分类 - React Native
摘要:xcode更新12.5后,ios运行报错No matching function for call to 'RCTBridgeModuleNameForClass' 解决方法: 在ios/Podfile文件中加入如下代码: post_install do |installer| ## 以下 Fix
阅读全文
摘要:navigation导航栏存在android和ios样式不统一的问题。Android手机上标题不居中,导航栏与状态栏重合。 解决方法为在navigationOptions中进行如下配置。 一、Android中标题不居中 headerTitleStyle: { alignSelf: 'center',
阅读全文
摘要:🍇最近想要做一个类似于淘宝每次打开会根据用户剪贴板内容弹出对应商品的功能。要完成这个功能需要每次唤醒APP都读取一次剪贴板。 1、监听 && 销毁 1 async componentDidMount () { 2 AppState.addEventListener('change', this.h
阅读全文
摘要:几个月前创建了一个版本为0.60.4的项目,现要更新到最新版本0.61.4。 具体可查看 https://facebook.github.io/react-native/docs/upgrading#docsNav 一、查看当前版本 二、更新到最新版本 更新的文件如下图: 再次查看版本,已经是最新的
阅读全文
摘要:React Native版本:0.60.4 解决方法: 然后重新启动就好了(示例页面变样了( ⊙ o ⊙ )) END
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 有写的不对的地方,欢迎批评指正(#^.^#) 一、概述 如下图,展示了一个React Nat
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、主轴方向 flexDirection flexDirection决定主轴的排列方向。 1
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 本文参考 https://github.com/qiyukf/react-native-qi
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、总览 这个效果也是APP里很常见的,之前把这个想的太复杂了,后来才知道原来用FlatLi
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、总览 轮播图几乎是必备的效果,这里选择 react-native-swiper 来实现,
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、总览 如下图,有一个滑动的tab切换,就是用react-native-scrollabl
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、总览 头部通常分为左、中、右三部分,效果图如下: 二、头部组件 1、创建componen
阅读全文
摘要:本文基于React Native 0.52 Demo上传到Git了,有需要可以看看,写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、基础 1、三种类型 TabNavigator —— 用于设置多个选项卡的页面 Stack
阅读全文
摘要:本文基于React Native 0.52 一、创建一个项目 1、初始化一个RN项目 2、连接一个设备或是打开模拟器 可以通过 adb devices 查看连接的设备,如下图: 3、进入RNDemo目录下,运行项目 运行成功如下图: 二、项目目录 app文件夹 —— 自己创建的,自己写的页面都放在这
阅读全文
摘要:这几天做APP的分享,好多东西都不懂,踩了好多坑,所幸现在做好了,开心^_^ 时间紧,随便记一下先。 1、签名文件要和各平台的签名一致 2、新浪微博和微信的分享要打包之后,加上签名了才可以(我一直不知道要打包了之后才能加上签名-_-||);也可以不打包,用如下方法加上签名: 找到 android /
阅读全文
摘要:很多地方都需要用到动画,先看下文档吧。 一、两个互补的动画系统 LayoutAnimation:用于全局的布局动画 Animated:用于创建更精细的交互控制的动画(主要是这个) 二、Animated动画组件 已封装动画组件 Animated.Image Animated.ScrollView An
阅读全文
摘要:一、警告propTypes was defined as an instance property on commonTabar. Use a static property to define propTypes instead. 警告如下图: 1、解决方法 原来的如下图一,修改后的如下图二。把p
阅读全文
摘要:一、实例 先看一下我要做的搜索框的样子 需要一个Image,和一个TextInput 去掉默认下划线 underlineColorAndroid='transparent' 设置光标颜色 selectionColor='#ff4f39' 自动获取焦点 autoFocus={true} 样式 在他们的
阅读全文
摘要:第一次接触React Native,首先搭建环境,过程还算顺利,不过也遇到了些问题,这里简单记录下来。中文官网(http://reactnative.cn/docs/0.47/getting-started.html#content) 1、下载安装Python2(不支持Python 3) 官网建议使
阅读全文