React native 反应本机：固定视图宽度

我想在我的应用程序中放置两个宽度为4:6的视图，并在其中放置文本

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

class FixedDimensionsBasics extends Component {
  render() {
    return (
      <View style={{flex:1, flexDirection: "row"}}>
        <View style={{flex:0.4, backgroundColor: 'powderblue'}}>
          <Text>sfasdfadsfdasfas</Text>
        </View>
        <View style={{flex:0.6, backgroundColor: 'skyblue'}}>
            <Text>sfasdfadsfdasfas</Text>
        </View>
      </View>
    );
  }
}

AppRegistry.registerComponent('AwesomeProject', () => FixedDimensionsBasics);

import React，{Component}来自'React'；
从“react native”导入{AppRegistry，View，Text}；
类FixedDimensionsBasics扩展组件{
render（）{
返回(
sfasdfadsfdasfas
sfasdfadsfdasfas
);
}
}
AppRegistry.registerComponent（'AwesomeProject'，（）=>FixedDimensionsBasics）；

我想要这样

但当我在侧边添加文本时，它会变成这样

问题：有没有办法使视图保持固定宽度，并使文本随宽度调整

谢谢

---

p、 我使用代码示例&调试。

因此我找到了答案。使用

flexBasis:0.4

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

class FixedDimensionsBasics extends Component {
  render() {
    return (
      <View style={{flex:1, flexDirection: "row"}}>
        <View style={{flex:0.4, flexBasis:0.4, backgroundColor: 'powderblue'}}>
          <Text>sadfsfsdfasdfdsfasdsadfasdf</Text>
        </View>
        <View style={{flex:0.6, flexBasis:0.6, backgroundColor: 'skyblue'}}>
            <Text>fasddfsadfsaf</Text>
        </View>
      </View>
    );
  }
}

AppRegistry.registerComponent('AwesomeProject', () => FixedDimensionsBasics);

import React，{Component}来自'React'；
从“react native”导入{AppRegistry，View，Text}；
类FixedDimensionsBasics扩展组件{
render（）{
返回(
SADFSFDFASDFDSFASDSADFASDF
fasddfsadfsaf
);
}
}
AppRegistry.registerComponent（'AwesomeProject'，（）=>FixedDimensionsBasics）；

然后将视图固定为0.4宽度

下面是对CSS中flex base的描述