React Native Basics

import React from 'react';
import { View, Text } from 'react-native';

export default function App() {
    return (
        
            Hello World!
        
    );
}

# View - container

    Text content


# Image
'./image.png')} />

# Button
"Press me" onPress={handlePress} />

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center'
    }
});

# Flex direction
flexDirection: 'row' | 'column'

# Alignment
justifyContent: 'center'
alignItems: 'center'

# Flex
flex: 1 # grow to fill