jhonjson的博客

React Native 开发第一节记录搭建开发环境1.1 安装 Homebrew https://brew.sh 打开终端输入 粘贴/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 然后回车键，自动下载完成。1.2 使用Home...

什么是ref?ref是组件的一种特殊属性，可以理解为，组件被渲染后，指向组件的一个引用。我们可以通过ref属性来获取真实的组件。定义ref的两种方式1. <RefTest ref="reftest">2.<RefTest ref={retest=>this.reftest=reftest}>通过ref获取值得两种方式1. var value = this...

什么是state?如何使用state?state如何打气球？

这里是window为准， 因为mac电脑 夜神模拟器暂时没有摇一摇功能连接夜神模拟器adb.exe connect 127.0.0.1:62001返回connected to 127.0.0.1:62001 说明 连接成功！！！！cmd 打开命令编辑器 进入项目目录 window 上边运行RN react-native start点击模拟器上边摇一摇输入是输入ip 和端口号...

组件的创建方式分为三种：函数式ES5ES6函数式：function HelloWord(){ return <Text style={{fontSize:26.backgroundcolor:yellow}}>Hello Word</Text>}module.exports = H

什么是组件的生命周期？组件的生命周期有哪些方法，有什么作用？生命周期方法都在什么时候调用？先上图：组件的生命周期可分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOM生命周期的方法有：componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在...

什么是props？大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props如何使用props？什么是默认属性以及它的作用？如何对props进行约束和检查？props的使用技巧...

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。注意：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。一：容器的6个属性对应设置在容器上 1. flex-direction 2. flex-wrap 3. flex-flow 4. justify-

集成到现有原生应用集成到现有原生应用React Native 和原生项目放在同一目录下之前AwesomeProject下边有一个Android项目 这里边就直接删除就可以了然后使用软联把原生项目关联起来就OK了。 ln -s /android/ /AwesomeProject配置 maven在你的 app 中 build.gradle 文件中添加 React Na...

Activity class {xxx/xxx.MainActivity} does not exist错误原因：MainActivity不在项目的根目录下边解决方法：打开对应的文件夹node_modules.react-native/local-cli/runAndroid/，找到runAndroid.js这个文件修改对应的包文件下正确的路径移动MainActivity.class...

react-native-code-push 是微软提供的一套可用于React Native的热更新服务打开终端：1.安装 CodePush Clinpm install -g code-push-cli2.注册CodePush 账号code-push register授权完成后，CodePush会显示你的Access Key，复制输入到终端即可完成注册并登陆...

Loading dependency graph…然后就没然后了！！！！ 很尴尬！！！！正常的现象应该是：Loading dependency graph, done.这个问题困惑我很久！！！！！再次给出解决方法：这篇文章重新安装https://blog.youkuaiyun.com/github_34402358/article/details/83145737特别注意的地方：brew ins...

import React, { Component } from 'react';import { Text, Clipboard, View, TouchableOpacity,} from 'react-native';export default class CopyContent extends Component { constructor(props) ...