罗春娥的技术园

React Native 优秀开源项目大全：  http://www.marno.cn/React Native 学习指南: https://github.com/reactnativecn/react-native-guide

一、Touchable系列组件     Touchable系列组件可以包裹一层根View，响应点击变化和点击事件   1.1  例如TouchableWithoutFeedback，只可以处理点击或长按响应，不能修改点击的颜色透明度变化，使用代码例子如下:     <TouchableWithoutFeedback        onPress={            ()=&g...

一、flex属性:    1.1、flex父视图属性                               1.1.1、flexDirection:   定义View的主轴方向，在这个View下面的子元素会沿着主轴方向排列，可选方式:   row: 从左向右依次排列  row-reverse: 从右向左依次排列  column(default): 默认的排列方式，从上向下排列 ...

一、state定义两种方式; 1.1、组件内直接定义:  state={           size:80,       }  1.2、构造方法内定义:  constructor(props){      super(props);      this.state={          size:80,      }  }  二、React Native的ref使用详解（...

   主要问题是将jsx转换成js的编译器babel-preset-react-native版本不兼容，解决办法是删除与之相关的内容（包括.babelrc文件、node_module文件、package.json中的依赖 "metro-react-native-babel-preset": "0.48.0", ），执行npm/yarn/react-native install命名重新安装(相关的重...

一、React-navtive 组件  1、通过ES6方式定义组件  定义组件:    import React, {Component} from 'react';  import {Platform, StyleSheet, Text, View} from 'react-native';  export default class HelloComponent extends Co...

产生这个问题的原因是:在默认状态下，typescript 将 DOM typings 作为全局的运行环境，所以当我们声明 name时， 与 DOM 中的全局 window 对象下的 name 属性出现了重名解决方式:在tsconfig.json文件中添加libs es2015定义:"compilerOptions": { "module": "es2015", "...

基本组件:View： 创建UI最基本的嘴贱            ScrollView: 滑动容器Text: 展示文字                                    StyleSheet: 样式Image: 展示图片TextInput: 编辑框交互组件:Button: 按钮    Picker: 选择器         Slider: 单选     ...

什么是es6？ es6是ECMAScript 6.0的简称，是javascript语言的下一代标准，它的目标是使得javascript语言可以编写复杂的大型应用程序，成为企业级开发语言 ECMASCript和JavaScript的关系? es是JavaScript的规格，JavaScript是es的一种实现（es的方言还有Jscript和ActionScript）...

这里附一篇写得很好的rn项目初始化基本运行的博客，里面有常出现的运行问题::https://blog.csdn.net/ApacheEdward/article/details/81209104第一步: 安装vscode即visual studio code,安装包下载地址: https://code.visualstudio.com/download安装过程都是很傻瓜似的，就不用...

先要了解几个相关的词汇Node.js，React.js和React NativeNode.js: Node.js是JS的运行时环境，类比到Java的jvm,提供了很多系统级的API，如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计,使得JS可作为后台开发的语言React.js: Node.js的一个UI框架，可以对UI代码进行封装，实现UI组件化React Nat...

最近在搞RN，但是一直红屏，主要报了两个bug：Unable to resolve module AccessibilityInfo from XXX 和Module build failed: Error: Plugin 0 specified in “base” … provided an invalid property of “default”经过一个csdn博客的引导解决问题...

一、RN本地项目图片访问        1.1、通过source——require访问         <View>                <Image                    source={require('./images/img_login_logo.png')}                />             <...