react native
梦想家-mxj
这个作者很懒,什么都没留下…
展开
-
react native中的属性、状态、样式的理解
Props(属性)大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props。以常见的基础组件Image为例,在创建一个图片时,可以传入一个名为source的prop来指定要显示的图片的地址,以及使用名为style的prop来控制其尺寸。import React, { Component } from 'react';import { App原创 2017-07-31 17:50:11 · 982 阅读 · 1 评论 -
React Native 网络请求
很多移动应用都需要从远程地址中获取数据或资源。你可能需要给某个REST API发起POST请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容——以下就是你会用到的东西。使用FetchReact Native 提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。下面是Fetch的简单使用。1、发起网络请求要从任意原创 2017-11-12 18:04:46 · 518 阅读 · 0 评论 -
React Native 手势响应系统
移动设备上的手势识别要比在web上复杂得多。用户的一次触摸操作的真实意图是什么,App要经过好几个阶段才能判断。比如App需要判断用户的触摸到底是在滚动页面,还是滑动一个widget(小修饰件),或者只是一个单纯的点击。甚至随着持续时间的不同,这些操作还会转化。此外,还有多点同时触控的情况。触摸响应系统可以使组件在不关心父组件或子组件的前提下自行处理触摸交互。具体的实现在Responder原创 2017-11-12 17:35:26 · 985 阅读 · 0 评论 -
mac 安装Genymotion
目前最新的安装Genymotion的方法是:去VirtualBox官网下载页面下载并安装VirtualBox 5.1.2 for OS X 去Genymotion官网下载页面登录,然后下载并安装genymotion2.7.2在genymotion中添加模拟器并运行 似乎完美了但是当你运行adb的时候会报错,报错内容如下:$ adb devices原创 2017-07-28 10:51:45 · 1478 阅读 · 0 评论 -
react native 的坑
按照http://reactnative.cn/docs/0.46/getting-started.html#content提供的步骤一步一步地来,也会出错,现在记录一下遇到的坑1、运行iOS,报错 Print: Entry, ":CFBundleIdentifier", Does Not Exist a.尝试reset一下模拟器之后再,react-nati原创 2017-08-14 23:17:08 · 2340 阅读 · 1 评论 -
MAC上为Android Studio集成Genymotion模拟器
安装Genymotion插件安装步骤:command+,打开设置页面在搜索栏输入genymotion,然后选中,点击旁边的install Plugin。安装好的Genymotion插件在Android studio 工具栏上有一个Genymotion的小图标屏幕快照 2016-08-16 17.42.25.png还是在原创 2017-08-13 22:26:22 · 3092 阅读 · 0 评论 -
React-Native学习指南
来自:https://github.com/reactnativecn/react-native-guide本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull Requests!同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native转载 2017-08-10 13:46:31 · 1163 阅读 · 0 评论 -
React Native 链接原生库的方法
并不是所有的APP都需要使用全部的原生功能,包含支持全部特性的代码会增大应用的体积。但是仍然要根据自己的需求添加需要的特性。React Native 发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯JavaScript代码,只需要去require它们就可以使用了。另外有一些库基于一些原生代码实现,必须把这些文件添加到你的应用,否则应用会在你使用这些库的时候产生报错。原创 2017-08-01 17:46:12 · 1182 阅读 · 0 评论 -
React Native之Flexbox布局
我们在React Native中使用flexbox规则来指定某个组件的子元素的布局。flexbox可以在不同的屏幕尺寸上提供一致的布局结构。一般来说,使用flexDirection、alignItems和justifyContent三个样式属性就已经满足大多数布局需求。React Native中的Flexbox的工作原理和web上的CSS基本一致,当然也存在少许差异。首先是默认值不原创 2017-08-01 17:40:35 · 358 阅读 · 0 评论 -
React native 开发环境的搭建 — mac平台
Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和 调试React Native应用。点击这里阅读Nuclide的入门文档。译注:我们更推荐使用WebStorm或Sublime Text来编写React Native应用。iOS环境1、安装Homebrew ,终端输入:/usr/bin原创 2017-07-20 00:43:24 · 949 阅读 · 2 评论 -
react native 编写Hello World的解析
要理解React Native 应用的基本结构,首先需要了解一些基本的React的概念,比如JSX语法、组件、state状态以及props属性。从Hello World 开始import React, { Component } from 'react';import { AppRegistry, Text } from 'react-native';原创 2017-07-31 17:51:23 · 555 阅读 · 0 评论 -
运行react-native报错:xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
在 终端执行如下命令sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/原创 2019-02-10 23:32:44 · 752 阅读 · 0 评论