just like its displayed in the picture

我只是不能把它分成三个部分我已经try 了我的css知识,但我是一个新的react native ,我将感谢您的帮助,这似乎令人望而生畏,所以似乎是一个很好的地方寻求开发人员的答案.

推荐答案

您可以嵌套多个视图来实现这一点.

<View style={{flex:1, flexDirection: “row”}}>
  <View style={{flex: 2}}>
    {image1}
  </View>
  <View style={{flex: 1, flexDirection: “column”}}>
    {image2}
    {image3}
  </View>
</View>

React-native相关问答推荐

Reaction-原生NavBottom设计背景

React Native 在每个页面加载时调用数据库

React-Native-Web 错误:rnw_blogpost.bundle.js:1414 Uncaught TypeError: Cannot read properties of undefined (reading 'isBatchingLegacy')

我们在react钩子中还需要功能性的 setState 方式吗?

如果没有启用远程调试器,React Native 代码将无法工作

如何在 React Native 中创建和保存 CSV 文件?

Soundcloud API /stream 端点给出 401 错误

React Native 中如何使用 Flex 居中组件?

使用 react-native 单击时如何更改图像和文本 colored颜色 ?

如何在 React-Native Android 中检测拖动事件的结束

React-native 解码 base64 编码字符串

如何在 react-native 中在图像周围添加阴影

如何判断 React Native 中的 AsyncStorage 中是否存在密钥? getItem() 总是返回一个promise对象

Error when running watchman

如何在react native中过滤对象数组?

React Native 创建自定义组件/库

react-native async 函数返回 promise 但不返回我的 json 数据?

Android 是否支持 React Native 的 LayoutAnimation?

React Native,更改 React Navigation 标题样式

如何从react-native应用程序打开外部应用程序?