React Native 入门基础学习
来源:互联网 发布:gba游戏编程 编辑:程序博客网 时间:2024/05/18 00:29
一 前言
官方的文档是我们学习的最好地方,小伙伴一起学习吧。React Native
二 基础学习
1 编写 Hello World
sudo npm install -g react-native-cli
react-native init HelloWorld
2 代码结构 (index.ios.js)
import React, { Component } from 'react';可以认为相当于iOS中的#import或者java的import
批量定义组件
import { AppRegistry, StyleSheet, Text, View} from 'react-native';
构建入口类
export default class HelloWorld extends Component
相对于web开发,我们需要提供视图的样式,那么StyleSheet.create就是干这件事的,只是用JS的自面量表达了css样式。
如何引入css样式?其实在render方法返回的视图模板里已经体现出来了,即style={styles.container}.其中style是视图的一个属性,styles是我们定义的样式表,container是样式表中的一个样式。
注册应用入口
AppRegistry
模块则是用来告知React Native哪一个组件被注册为整个应用的根容器3 目前阶段有几个文件时需要注意下的:
(1)在xcode项目代码中AppDelegate.m会标识入口文件,例如:jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];
如果是网上下载别人的源码,注意此处的ip和端口是否有被修改。
(2)闪屏界面在哪修改?在xcode项目中找到LaunchScreen.xib文件,点击,你会看到界面,这个就是启动界面,你手动添加组件或者修改文本即可,最好了解下xcode的使用。
(3)文本编辑器打开index.ios.js文件,是js代码的入口文件,所有的代码编写从这开始,可以定义自己的模块和引入第三方模块。
4 如果终端被关闭了怎么办
项目的根目录 命令行 npm start学习来源 : 代码结构
0 0
- React Native 入门基础学习
- React-Native 基础学习入门指南
- react-native 基础入门
- React Native入门基础
- React Native入门基础框架
- React-Native 入门学习规划
- React native入门学习资料
- React Native基础与入门(二)--初识React Native
- React Native入门基础——Props
- React native最基础的入门知识点
- 【学习路线】蓝鸥React Native零基础入门到项目实战
- React Native (一) --React 入门
- << React Native 入门与实战>>----第2章 React Native开发基础
- React Native课程-入门
- React-Native入门指南
- React-Native入门
- react native 入门探索
- 入门React-Native世界
- Springboot集成MapperFactory(ma.glasnost.orika.MapperFactory)类属性复制
- RecyclerView的item点击事件
- Skynet服务器框架(一) Linux下的安装和启动
- 关于安装lombook失效的事
- 基础算法(一)---抽象数据类型之表
- React Native 入门基础学习
- Spring 注解的方式进行事务管理
- 数值方法——薄板样条插值(Thin-Plate Spline)
- CocoaPods制作篇(2)
- 解决No “rule to make target `../skin_test.qss', needed by `debug/qrc_resource.cpp'. Stop.”
- 激光推送突然收不到推送解决问题
- 记 dotamax 面试第一题
- 一些开源软件的国内镜像源
- 使用grep搜索代码的几个示例