프로그래밍(Programming)/리액트 네이티브(React Native)
react-native(리액트 네이티브) component - View
SuperKid
2019. 1. 7. 13:09
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>
);
}
}