如何在反应本机视图中显示更多元素？

Question

我想在我的 React Native 应用程序的主页上显示一个视图，该视图依次显示一个文本元素和一个图标，然后在这两个下方我想显示亚马逊徽标。我试过了，但它只显示徽标。

export default class Header extends Component {
render() {
return (
  <View style={{ flex: 1, flexDirection: 'row' }}>
    <Text style={styles.Title}>Acquista!</Text>
    <Ionicons name="ios-contact" size={42} color='red' style={{ marginTop: 
65, marginLeft: 210 }} />
  </View> ,
  <Logo></Logo>

);
}
}
class Logo extends Component {
render() {
return (
  <View>
    <Image
      style={{ height: 200, width: 200, marginTop: 150 }}
      source={require('./assets/images/amazon.jpg')}
    />

  </View>
);
}
}

Answer 1

将所有内容包装成 View

return (
  <View style={{ flex: 1 }}>
    <View style={{ flex: 1, flexDirection: 'row' }}>
      <Text style={styles.Title}>Acquista!</Text>
      <Ionicons name="ios-contact" size={42} color='red' style={{ marginTop: 65, marginLeft: 210 }} />
    </View>
    <Logo />
  </View>
)

如何在反应本机视图中显示更多元素？

How can I display more elements in a react native View?

element

render

view

ios

react-native