在react-native中，为什么我无法定义组件的宽度？

Question

参考以下小吃：

https://snack.expo.io/@deltanovember/shallow-scone

我的选择器的<Icon />排列不正确：

我试图通过固定选择器的宽度来指定此样式来解决此问题：

style={{ width: 100 }}

但是<Icon />仍未对齐。

如何让我的<Icon />对齐？

Answer 1

您应该像这样为您的选择器设置宽度样式：

style={{ width: '100%' }}

我在博览会上尝试过，并且已修复：）

关于问号，它在您将图标名称设置错误时发生了！

您可以使用此网站搜索图标名称：

https://oblador.github.io/react-native-vector-icons/

额外

您可以获取屏幕宽度，并在项目中所需的任何地方使用它：

import { Dimensions } from 'react-native'
const { width: WIDTH } = Dimensions.get('window')