Skip to content

Commit 3ee1099

Browse files
committed
Merge pull request vczero#22 from wenquan0hf/master
用于制作wiki update by 极客学院
2 parents 00160f8 + 0dd8e71 commit 3ee1099

12 files changed

Lines changed: 28 additions & 18 deletions

TOC.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
- [lesson1: Hello React-Native](one-Hello-React-Native.md)
2+
- [lesson2: 认识代码结构](two-know-code-structure.md)
3+
- [lesson3: css和布局](three-css-layout.md)
4+
- [lesson4: 学会React-Native布局(一)](four1-learn-React-Native-layout.md)
5+
- [lesson5: 学会React-Native布局(二)](four2-learn-React-Native-layout.md)
6+
- [lesson6: UI组件](five-ui-unit.md)
7+
- [lesson7: JSX在React-Native中的应用](six-jsx-react-native-application.md)
8+
- [lesson8: 自己动手写组件](seven-write-assembly.md)

config.json

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"name": "React Native 入门指南",
3+
"introduction": "《React Native入门与实战》的作者个人总结",
4+
"path" : {
5+
"images" : "pic"
6+
}
7+
}

cover/background.jpg

9.8 KB
Loading

cover/logo.png

6.01 KB
Loading
Lines changed: 13 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
1-
2-
3-
4-
51
#React-Native入门指南
62
##第5篇UI组件
73
###一、目前React-Native支持的组件
@@ -11,40 +7,39 @@
117

128
###二、如何正确运行UI组件Example
139
我们可以到react-native的github项目地址找到example,地址是https://github.com/facebook/react-native/tree/master/Examples/UIExplorer。下载react-native的代码库,将UIExplorer目录下的所有文件拷贝到你新建的项目中。其实UIExplorerApp.js就是整个项目的启动的文件。有两种方式可以启动项目:
14-
10+
1511
1、第一种是修改jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];
16-
12+
1713
2、第二种就是将UIExplorerApp.js里面的代码复制到index.ios.js中,此时,注意:
1814
AppRegistry.registerComponent('HelloWorld', () => UIExplorerApp);
1915
HelloWorld是你的项目名称,如果已经启动项目,需要确保这个名称一致。
20-
16+
2117
项目启动后的界面如下,你就可改改UI组件看效果了。
2218
![组件列表](pic/5_2.png)
2319

2420
###三、活动指示器组件
2521
其实,每个组件如何使用,可以到demo中去看代码。这里做简单的介绍.活动指示器组件可以做loading,下拉刷新等
26-
![组件](pic/5_3.png)
22+
![组件](pic/5_3.png)
2723

28-
###四、日历组件
29-
![组件](pic/5_4.png)
24+
###四、日历组件
25+
![组件](pic/5_4.png)
3026

31-
###五、图片组件
32-
![组件](pic/5_5.png)
27+
###五、图片组件
28+
![组件](pic/5_5.png)
3329

3430

35-
###六、列表组件
36-
![组件](pic/5_6.png)
31+
###六、列表组件
32+
![组件](pic/5_6.png)
3733

3834
###七、导航器组件
39-
![组件](pic/5_7.png)
35+
![组件](pic/5_7.png)
4036

4137

4238
###八、导航组件
43-
![组件](pic/5_8.png)
39+
![组件](pic/5_8.png)
4440

4541

4642
###九、开关组件
47-
![组件](pic/5_9.png)
43+
![组件](pic/5_9.png)
4844

4945
其余组件可以查看demo运行和学习,其实就是相当于html标签,具有某种功能,习惯就好。
50-
File renamed without changes.
File renamed without changes.
File renamed without changes.

0 commit comments

Comments
 (0)