[ 卡卡 DAY 11 ] - React Native UI 元件（component）介绍（上）

不论是 React 或着 React Native 最主要的亮点就是元件式开发
做出很多独立元件（component），然後使用这些元件（component）来组出一个使用者想要的画面。
因为 component 的逻辑是使用 JS，所以不需要依赖 DOM，就可以轻松地传递复杂的资料！
今天主要的是今天主要的是介绍 React Native 提供的基础组建！

先来讲讲 Component 实作

React Native 有以下这两个实作方法：

funtion Components
class Components

官方参考

不论是哪个 React component 都必须像 Pure function 一般保护他的 props

React Native 元件（component）相对应其他装置是什麽？

基本元件

REACT NATIVE	ANDROID	iOS	WEB	叙述
View	ViewGroup	UIView	div	是一个没有滚动效果的容器
Text	TextView	UITextView	p	文字的呈现
Image	ImageView	UIImageView	img	图片，还有提供ImageBackground 设定背景
ScrollView	ScrollView	UIScrollView	div	是一个有滚动效果的容器
TextInput	EditText	UITextField	input	输入框

PS. 由於 React Native 使用与 React 组件相同的 API 结构，所以了解 React 後才会更好上手。

沟通控制元件

REACT NATIVE	WEB	叙述
Button	button	最基本的 button，只提提供一点的样式调整，若要客制按钮需使用 TouchableOpacity
Switch	-	switch 装置，提供 onValueChange