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

使用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,
    },
    ...
})

喋喋不休
喋喋不休
喋喋不休
const styles=StyleSheet.create({
...
最后职位：{
弹性：1，
flexDirection:'行'，
flexWrap:“wrap”，
颜色：'#495057'，
尺寸：12，
},
...
})

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

<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',
}


    ...
})

喋喋不休
喋喋不休
喋喋不休
const styles=StyleSheet.create({
...
最后职位：{
颜色：'#495057'，
尺寸：12，
},
文字/职位：{
弹性：1，
flexDirection:'行'，
flexWrap:“wrap”，
}
...
})

---

因此，这里您正在创建一个全局css样式并应用于每个文本元素。您可以在一个位置进行更改，然后全部完成。

请尝试在每个文本元素中添加样式，而不是在视图中添加样式：

<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',
}


    ...
})

喋喋不休
喋喋不休
喋喋不休
const styles=StyleSheet.create({
...
最后职位：{
颜色：'#495057'，
尺寸：12，
},
文字/职位：{
弹性：1，
flexDirection:'行'，
flexWrap:“wrap”，
}
...
})

---

因此，这里您正在创建一个全局css样式并应用于每个文本元素。您可以在一个位置进行更改，并将其全部完成。

将其直接传递到text

将其直接传递到text