Please enable JavaScript.
Coggle requires JavaScript to display documents.
Fundamentals - Coggle Diagram
Fundamentals
Stylings
Border
Shadow
ios
COOC
Offset
Opacity
Color
Radius
android
elevation
Padding & Margin
Text
vs CSS
No style inheritance
Encapsulating
AppText
Icons
Expo Icons
Platform specific
Platform.OS === 'ios'
Platform.select()
AppText.android.js
expo-constants
Organizing
Core components
View
~ div
Text
Image
use Touchable to handle pressing
ImageBackground
Alert
Stylesheet
.create() -> add validations
Touchable
WithoutFeedback
Opacity
Highlight
Layout
Dimensions
width: 50
Scale Factor = 2
Actual width = 100px
Dips
Density-independent pixels
Alternative
%
Concepts
Points
Scale Factors
Pixels
Current device
Dimensions.get('screen')
React to Rotating
Hooks
useDimensions
useDeviceOrientation
Config: app.json
orientation: default
Flexbox
vs web flexbox
default flexDirection
Props
Container
justifyContent
alignItems
Item
Concepts
Main axis
Cross Axis
Positioning
Absolute
Relative
List
FlatList
data
keyExtractor
renderItem