Я хочу добавить CSS для своего дочернего класса в React Native

Question

Требуется ответ в React Native .

<View>
  <View className="parent1">
    <Text>hello with green</Text>
  </View>
  <View>
    <Text>hello with default color</Text>
  </View>
</View>

Теперь я хочу добавить CSS к Тексту с parent , чье имя класса равно parent1 in Реагирует на Native .

Answer 1

Если вы хотите задать CSS для текстового тега, в котором родительское имя класса указано как parent1, выполните следующие действия :

const stylesB = StyleSheet.create(
{

  Text:
  {
    color: '#ffffff',
  },
  p:
  {
    color: '#ffffff',
  },
  h3:
  {
    color: '#ffffff',
  },
  h1:{
    color: '#ffffff',
  }

});

<View>
  <View className="parent1" styles={stylesB}> //give styles as stylesB instead of giving stylesB.Text
    <Text>hello with green</Text>
  </View>
  <View>
    <Text>hello with default color</Text>
  </View>
</View>

Это изменение покажет белый цвет для детейтега с именем класса parent1 и тегами Text, p, h1 и h3 .

Answer 2

Вы можете добавить стили к текстовому компоненту

<Text style={{ color: 'green' }}>
   Hello with green
</Text>