Как изменить только указанное c свойство дочерних стилей в реагировать на нативный?

Question

Код:

<View style={mainContainerStyle}>
    <View style={style1}>
      {View1}
    </View>
    <View style={style2}>
      {View2}
    </View>
    <View style={style3}>
      {View3}
    </View>
    <View style={style4}>
      {View4}
    </View>
</View>

В этом случае я хочу проверить: style1, style2, style3, style 4. Это дочерние свойства стиля.

Если я найду какой-либо стиль { flexDirection: 'row' }, я должен сделать его 'row-reverse'. Как этого добиться? Пожалуйста, помогите мне.

Answer 1

Я думаю, что вы можете использовать функцию, чтобы указать это c logi c

function format(style) {
  if (style.flexDirection === 'row') {
    return Object.assign({}, style, { flexDirection: 'row-reverse' });
  }
  return style;
}

и обернуть это:

<View style={mainContainerStyle}>
    <View style={format(style1)}>
      {View1}
    </View>
    <View style={format(style2)}>
      {View2}
    </View>
    <View style={format(style3)}>
      {View3}
    </View>
    <View style={format(style4)}>
      {View4}
    </View>
</View>