javascript - 无论如何,有没有办法实现带有 2 个国家国旗和一些文本的卡片,我正在使用带有 expo 的 React-native-element 库

标签 javascript react-native ecmascript-6 expo

我正在使用带有react-native-element的Expo,我想在卡片组件的左侧和右侧实现国旗,并在它们之间实现文本,但我找不到如图所示的方式。

country1 vs matchtime & date country2

最佳答案

您应该使用 Flexbox 和样式来让组件按照您想要的方式定位。

最重要的部分是了解 Flexbox 布局的工作原理以及它如何划分屏幕。研究它并尝试了解应该如何使用 flexDirection

这是一个Expo snack通过一个示例说明如何实现所需的结果,它应该如下所示:

Example end product

关于javascript - 无论如何,有没有办法实现带有 2 个国家国旗和一些文本的卡片,我正在使用带有 expo 的 React-native-element 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54650228/

相关文章:

javascript - 为什么 "!duplicateNote.length"不工作?

javascript - 基于 bool 值排除对象的属性

javascript - App.js 中的组件未以 React-Native 方式呈现。请纠正我。

android - 在 React Native 应用程序中读取 NFC 标签

javascript - 如何使元素的两侧有界并且两侧在 react 可拖动中打开?

javascript - 多选列表,每个项目都有数量选项

javascript - 杂乱的 JavaScript 标签,如何改进 index.html

javascript - 关闭和垃圾收集 : most efficient way to remove consecutive nodes from a linked list

javascript - 删除基于另一个数组的数组元素

react-native - 如何解决gradle包含太多目录