为什么容器样式不适用于React Native中的View组件

Question

我正在一个React项目上，在那个项目中，为什么容器样式不适用于View 反应本机中的组件。

这是App.js

import React from 'react';
import {View, Text, StyleSheet} from 'react-native';

const App = () => {
  return (
    <View style={([styles.container], {flex: 1}, {flexDirection: 'column'})}>
      <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
      <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
      <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    padding: 10,
    marginTop: 10,
  },
});

export default App;

Answer 1

我认为您应该为此修改视图容器样式

style={[styles.container, {flex: 1, flexDirection: 'column'}]}

希望有帮助。