常用组件及其实践

本文为 React Native入门与实战 阅读笔记

组件样式

1. 内联样式

单个样式用JS对象字面量形式

import { View } from 'react-native'

<View style={{flex: 1}}></View>

2. 多个样式

多个样式用数组形式

import { View, StyleSheet } from 'react-native'

<View style={[styles.container, styles.layout, { color: "red" }]}></View>

const styles = StyleSheet.create({
    container: {
        flex: 1
    },
    layout: {
        flexDirection: "row"
    }
});