You are on page 1of 1

View - div taki

SafeAreaView - w App.ts dać


Text - tekst
ScrollView - dobre do małej ilości elementów
FlatList - renderuje tylko elementy które potrzebują być widoczne (lepszy
performance od ScrollView) [użyteczne przy dużej ilości danych],
- nie używa się tu mapa,
- przekazuje się propy:
data - array
renderItem - funkcja,
keyExtractor - funkcja, (item, index) => return item.id
Pressable - komponent
- props onPress
- android_ripple <- jakis border nad komponentem jak sie kliknie
Modal - komponent
- visible prop
- animationType prop
Image komponent
- source prop (użyj require())
StatusBar komponent - mozna zmienic kolor w jakim wyswietlaja sie informacje typu
bateria itd na gorze telefonu
TextInput komponent
- keyboardType
- autoCOrrect gdy pracujemy ze stringami
LinearGradients -- z expo
- colors={[#, #]}
ImageBackground
- source z require()
- resizeMode
Alert - Alert.alert('', [{ text: 'tresc buttona', style: 'destructive', onPress: ()
=> {} }])
Ionicons

Dimensions API - Dimensions.get('window').width <-- deviceWidth, ale nie dziala


przy zmianie orientacji, wiec warto wziac useWindowDimensions() - const { width,
height } = useWindowDimensions()

KeyboardAvoidingView
- behavior="position"

Platform API - Platform.OS / Platform.select({ ios: , android: })

NavigationContainer - z libki reactNavigation


createNativeStackNavigator
<Stack.Navigator><Stack.Screen name="" component={Komponent} /></>

You might also like