[ react-native ] Button 사용법

Button

<Button/>

• /> 의미 : 셀프 클로징(self closing)
• Button tag에는 title이라는 property가 필수로 들어가야 한다.

Button Tip

• Android, iOS Button default 값이 다르다.

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

const Generator = (props:any) => {
    return (
        <View style={styles.generator}>
            <Button title="Add Number" onPress={() => props.add()} />
        </View>
    )
}

const styles = StyleSheet.create({
    generator: 
    {
        width: '100%',
        backgroundColor: '#fafafa',
        alignItems: 'center',
        padding: 5
    }
})

export default Generator;