在React Native中样式化子组件

时间:2018-10-12 22:06:35

标签: react-native

在React Native中,我经常遇到以下情况,我想在其中设置View及其包含的Text的样式。

是否有更好的方法可以做到这一点,例如不必手动为style分配一个单独的Text并使用它是View的子级的事实,就像在CSS中那样?另外,有没有像SCSS一样嵌套的方法?

标记:

<View style={ styles.postContent }>
    <Text style={ styles.postContentText }>
        { post.postContent }
    </Text>
</View>

样式:

const styles = StyleSheet.create({
    postContent: {
        backgroundColor: '#eeeaea',
        padding: 24,
    },
    postContentText: {
        color: '#666',
    }
});

0 个答案:

没有答案