1.关于React Native导出组件的export default和export的问题: 一个文件只能有一个export default,可以有多个export export class Template{} export class AnotherTemplate{} 文件的引用: import {Template,AnotherTemplate} from './components/Templates'; 使用export default的引入: import Template fro…

1.propTypes: static propTypes = { name:PropTypes.string, ID:PropTypes.number.isRequired, } 'isRequired' 表示如果不传递这个属性,那么开发阶段中,系统会出现警告,让我们对其进行属性确认,也就是说是否为必须属性. 1>属性为任何类型: React.PropTypes.any 2>属性是否是 JavaScript 基本类型: React.PropTypes.array; React.PropTyp…

1>查看 RN 的所有历史版本: npm view react-native versions -json 2>查看 RN 的当前版本: npm view react-native version -json 3>平台判断执行方法: const Toolbar = Platform.select({ android: () => renderToolbarAndroid(), ios: () => renderToolbarIOS() }); 4>分隔线的高度不能写死0…

此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 API 的介绍与代码实战,以及 React Native 与 iOS.Android 平台的混合开发底层原理讲解与代码实战演示,精选了大量实例代码,方便读者快速学习. 书籍还配套了视频教程「80 节实战课精通 React Native 开发」,此视频课程建议配合书籍学习,书籍中原理性的东西讲解的比较清晰,而…

摘要: 问题很详细,插图很好看. 原文:你要的 React 面试知识点,都在这了 作者:前端小智 Fundebug经授权转载,版权归原作者所有. React是流行的javascript框架之一,在2019年及以后将会更加流行.React于2013年首次发布,多年来广受欢迎.它是一个声明性的.基于组件的.用于构建用户界面的高效javascript库. 以下是面试前必须了解的话题. 什么是声明式编程 声明式编程 vs 命令式编程 什么是函数式编程 什么是组件设计模式 React 是什么 React…

1. Live Reload和Hot Reloading的区别: 相同点:都是你只要保存一下原文件,那么App就会实时刷新. 区别:Live Reload是全局刷新,而Hot Reloading是局部刷新. 2. 有时候我们修改了代码,在手机上并不会实时更新代码. 解决的办法就是打开文件(是下面2个路径中的一个): app_name\node_modules\react-native\packager\react-packager\src\node-haste\FileWatcher\index…

1.TextInput组件对安卓的适配问题 textInput 在iOS 显示正常,但是在android下会出现下横线,并且字会被遮盖 因此一般都这么用该组件 <TextInput style={{paddingVertical:0}} underlineColorAndroid="transparent" /> 2.关于样式 附react native可使用的样式属性: https://github.com/doyoe/react-native-stylesheet-gu…

一.关于react native 版本的升级 参照文档:http://reactnative.cn/docs/0.45/upgrading.html react-native -v   查看当前版本 二.关于react native 的生命周期 http://www.jianshu.com/p/986bcbcd02aa componentWillMount 中state的值改变,不会引发render的再次渲染.如果componentDidMount中改变state值,会引发render的再次渲染…

闲暇之余,写了一个React Native的demo,可以作为大家的入门学习参考. GitHub:https://github.com/xujianfu/ElmApp.git GitHub:https://github.com/xujianfu/React-Native-CarProject.git 项目截图如下: 一.项目界面设计 1.React Navigation的应用  React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求,它完…

这是我技术公众号的第一篇文章,也是React Native系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学习任何语言和系统都适用. 对于新技术的学习,分为两种,一种是语言,类似Swift.Objective-C.Java.ES6,另一种是系统,比如Android.iOS.前端. 1. 语言层面,如果你精通某一门语言,那么是可以很快切换到另一门语言的.这就是语言的相通性.翻开市面上那些21天精通某某语言之…