更改所有子元素的字体大小和颜色

Question

使用react native，我想更改所有子元素的字体大小和颜色。

我尝试了这个，但是没有用：

<View style={styles.last_post}>
    <Text>
        Blablabla
    </Text>
    <Text>
        Blablabla
    </Text>
    <Text>
        Blablabla
    </Text>
</View>


const styles = StyleSheet.create({
    ...
    last_post: {
        flex: 1,
        flexDirection: 'row',
        flexWrap: 'wrap',
        color: '#495057',
        fontSize: 12,
    },
    ...
})

Answer 1

不要在视图中放置样式，而是尝试在每个文本元素中放置：

<View style={styles.text_post}>
    <Text style={styles.last_post}>
        Blablabla
    </Text>
    <Text style={styles.last_post}>
        Blablabla
    </Text>
    <Text style={styles.last_post}>
        Blablabla
    </Text>
</View>


const styles = StyleSheet.create({
    ...
    last_post: {
        color: '#495057',
        fontSize: 12,
    },
    text_post:{
     flex: 1,
        flexDirection: 'row',
        flexWrap: 'wrap',
}


    ...
})

因此，在这里您将创建全局CSS样式并将其应用于每个文本元素。您可以在一处更改，而所有更改都可以完成。