Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Native 2020 - Coggle Diagram
React Native 2020
Qui trinh thiet ke component
1-import libraries
2-Define Component
LifeCycle of Component
1-constructor(props)
2-componentWillMount()
3-render()
4-componentDidMount()
Tags
Nội dung
Text
Touchable
Nagivator
image
local = source{require()}
Internet= source{{uri:""}}
TextInput
ListView
Slider
Trang trí
View
Export
named export
export default
Props
Define
{this.props.property_name|| default value}
call
<tag property_nam="value" />
State
this.state={}
this.setState({});
Types of Component
Component
PureComponent
5-Register
3-export
named export
export default
4-Style
StyleSheet
CSS
Trang trí
Layout
Flex
flexDirection
flex
margin,padding
1-Define
2-Internal
1-External
Setup Enviroment