卓原的进化之旅

今天学习了一下在react-native中调用原生安卓模块的使用，发现很多网上的文章都是直接照抄的文档，这样会有一些坑，导致最后无法运行或者成功调用，所以写下这个博客来分享，同时也记录一下学习过程，方便以后查看。学习理由：有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要

通知简介React Native Firebase的通知模块支持远程（FCM）和本地通知。远程通知Firebase云消息传递（FCM）允许您的应用程序远程显示通知。为了使事情变得简单易懂，我们将React Native Firebase功能明确划分为仅限数据和通知消息。远程通知：用于在设备上显示可见通知。包含可选的数据有效负载（键/值对的映射），供应用程序使用（如果它位于前台），或者随后打开通知。...

setState(arg1,arg2) 括号内的arg1可传入两种参数，一种是对象，一种是函数. arg2为更改state之后的回调方法,arg2可为空.对象式的setState用法例如：//第一种this.setState({ isAuthenticated: true});this.setState({ isAuthenticated: true},()=>{})...

先上代码，配合代码讲解一下使用方法， 我这有用到一个屏幕适配工具类，自己写的，使用方法和代码 请点这里/** * Created by 卓原 on 2018/6/16. * */import React from 'react';import { Text, StyleSheet, View, TouchableOpacity, Image...

安装1.添加 yarn add react-native-splash-screen 2.自动link react-native link 或者 react-native link react-native-splash-screen修改原生代码Android:通过以下更改更新MainActivity.java以使用react-native-spl...

感谢同事提供的店铺UI图和思路。 图录的不太好，但意思差不多表明了。其实如果结构不复杂的话，可以使用SectionList实现，但我这用的是ScrollTabView，ScrollTabView里面还有列表组件，嵌套在SectionList中很麻烦。。。对 我试过了。。。最开始我的思路是： 滚动组件包括ScrollView,ListView,FlatList,Se...

在js 中 , 有一种判断数据基本类型的方法 typeof , 只能判断5中基本类型:即 “number”，”string”，”undefined”，”boolean”，”object” 五种。用法为:typeof 1typeof strconsole.log(typeof 1) //打印出 numbertypeof 'a' == 'string' //结果为true...

快速入门-准备工作首先你应该有一个基于React Native开发的应用，我们把具有package.json的目录叫做你的”应用根目录”。如果你还没有初始化应用，请参阅开始使用React Native。所以我们也假设你已经拥有了开发React Native应用的一切环境，包括Node.js、npm、XCode、Android SDK等等。如果你之前没安装过，你还必须安装Androi...

示例图:安装npm install react-native-side-menu --save使用引入组件import SideMenu from 'react-native-side-menu';使用组件:render() { const menu = Text style={{marginTop: 22}}>aaaText

在很久之前，RN中文网说推荐用react-navigation替代navigator作为新的导航库，从RN 0.43版本开始，官方就已经停止维护Navigator了，所以强烈建议大家迁移到新的react-navigation库，而且新的导航库无论从性能还是易用性上都要大大好于老的Navigator！附上英文文档地址,这个是我自己写的导航例子:https://github.com/lizhuoyua...

0.43之后 RN添加了Flatlist组件，作为ListView的增强版，FlatList有着很强的性能上的优势，而且使用起来也更简单。最基础的：<FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => Text>{item.key}Text>}/>最好是给data数据每一个item都添加一个ke

之前facebook发布了高性能的列表组件 Flatlist（可理解为优化后的Listview），后来又增加了一个SectionList。属于增强版的Flatlist，支持头部悬浮等，如果你的列表不需要分组(section)，那么可以使用结构更简单的<FlatList>。关于FlatList的使用，可参考：react-native flatlist 的进阶使用而且二者之间有...

react-native-video 是一个播放视频的开源组件，它的用法很简单。1.安装依次执行下面两个命令，npm i -S react-native-videoreact-native link            (这一步是连接本地视频库)(1) ios：如果您想允许其他应用在您的视频组件上播放音乐，请添加：AppDelegate

一 关于轮播类组件，网上其实已经有挺多了，本人曾经用过 swiper，viewpager，以及facebook出品的viewpagerAndroid。swiper因在安卓上有问题，而且在组件嵌套使用时问题较多，所以弃用。后来尝试viewpager，因为轮播时，下面的圆点显示有误，所以弃用。而ViewpagerAndroid因为只支持安卓系统，所以很少用到，在ios必须另找组件。最近

React Native Firebase      介绍RNFirebase使用Firebase和React Native简单。它是一个轻量级的图层，位于iOS和Android的原生Firebase库的顶部，尽可能地反映Firebase Web SDK。虽然Firebase Web SDK库可以与React Native一起使用，但它主要是为Web构建的。RNFirebase为iOS和Andro...