![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React Native
文章平均质量分 73
yang_chengfeng
这个作者很懒,什么都没留下…
展开
-
了解index.ios.js
1、index.ios.js文件/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } f原创 2017-06-14 14:14:54 · 628 阅读 · 0 评论 -
实战了解ReactNative布局原理
美团界面1、整体布局: 2、对各个部分布局:3、由于这里的图片url是http,所以需要: (1)在Info.plist中添加 NSAppTransportSecurity 类型 Dictionary ; (2)在 NSAppTransportSecurity 下添加 NSAllowsArbitraryLoads 类型Boolean ,值设为 YES;/** * Sample React N原创 2017-06-14 19:39:34 · 496 阅读 · 0 评论 -
CSS和UI布局
1、建立一个空白界面import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native';export default class MNAPP extends Component { render() { return (原创 2017-06-14 15:32:11 · 416 阅读 · 0 评论 -
React-Native环境配置及调试工具
一、基本环境配置1、安装Homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2、下载node.js:brew install node3、npm安装 $ npm install -g cnpm –registry=https://registry.npm.原创 2017-06-14 00:06:29 · 1928 阅读 · 0 评论 -
React Native 使用中的调试及探究其机制
前面叙述了相关环境搭建及遇到相关问题个人的解决方法,接下来一起来看看如何进行代码调试:1、使用快捷方式:command + D,调出如下界面并点击“Debug JS Remotely”2、会看到Chrome出现一个页面3、视图 -> 开发者 -> 开发者工具 -> Sources【React Native机制大礼包】使用 JS 构建跨平台的原生应用:React Native iOS 通信机制初探R原创 2017-06-21 17:58:46 · 464 阅读 · 0 评论