Begrip: Pressable & Button

React Native voorziet twee manieren om een knop te definiëren, Button en Pressable.

De Button component is heel gelimiteerd, de component is gestyled en kan niet aangepast worden aan een eigen thema. De Pressable component doet op zich niets, maar kan wel rond een View gezet worden, op deze manier kan een knop gebouwd worden die binnen het thema van de applicatie valt. We kiezen in deze cursus altijd voor de Pressable component.

const Button: FunctionComponent = () => {
    return (
        <Pressable onPress={() => {/* Doe iets als er op de knop gedrukt wordt */}}>
            <View>
                {/* Inhoud van de knop */}
            </View>
        </Pressable>
    )
}