react-native(리액트 네이티브) component - View

react-native(리액트 네이티브) component - View

import React, { Component } from 'react'

import {

Text,

View,

} from 'react-native'

export default class ViewColoredBoxesWithText extends Component {

render() {

return (

<View

style={{

flexDirection: 'row',

height: 100,

padding: 20,

}}>

<View style={{backgroundColor: 'blue', flex: 0.3}} />

<View style={{backgroundColor: 'red', flex: 0.5}} />

<Text>Hello World!</Text>

</View>

);

}

}