添加子視圖時，React Native 父視圖大小正在發生變化

Question

我的應用程序中有語言選擇設置。 如下所示，當我選擇另一種語言時，所選語言的行高會增加一點。 我想保持它固定，並且選擇一種語言不應該對行高產生影響。 我怎樣才能做到這一點？

      <FlatList
        data={availableLanguages}
        ItemSeparatorComponent={this.renderSeparator}
        renderItem={({ item }) => {
          return (
            <TouchableOpacity onPress={() => this.onChangeLang(item)}>
              <View style={styles.flatlistItem} >
                <Text style={styles.languageListitem} >{t('settings:' + item)}</Text>
                {appLanguage === item ? <View style={styles.listIconRightEnd}><CheckActiveLightMode width={25} /></View> : null}
              </View>
            </TouchableOpacity>
          )
        }}
        keyExtractor={(item, index) => index}
      />

Styles：

  flatlistItem: {
    margin: 4,
    paddingLeft: 10,
    paddingVertical: 7,
    backgroundColor: '#FFF',
    width: '100%',
    flex: 1,
    alignSelf: 'center',
    flexDirection: 'row',
    borderRadius: 0,
  },

  languageListitem: {
    color: 'rgb(48,49,147)',
    fontSize: 16,
    paddingLeft: 10,
    flex: 1,
  },

  listIconRightEnd: {
    paddingRight: 20,
  },

Answer 1

用 maxHeight 解決：

 listIconRightEnd: {
   paddingRight: 20,
   maxHeight: 10,
 },