问题标签 [react-native-stylesheet]

你好，我是新来的反应本地人。我正在尝试创建可重用的组件，不仅是卡片组件，也许将来会创建其他可重用的组件。下面是我创建的可重用卡片组件的代码示例：

Card.js

StartGameScreen.js

结果如下：

我希望它如下所示：

是否可以使用我上面的代码并获得预期的结果？还是我的代码错误并且有更好的解决方案？

在我的React Native应用程序中，我有一张底部有一堆按钮的卡片——见下图。

我想将前两个图标保留在左侧，但将（X）按钮一直向右移动。我该如何做到这一点？

这是我现在所拥有的，但不起作用：

大家好，所以我尝试在这张图片中添加两个心形图标：

我试图制作这些组件：

我的风格：

我在手机中得到的结果：

我正在使用 figma 进行设计，也许我应该导出所有项目并像图像一样添加它？

我想删除这张图片中的最后一个元素，但到目前为止我只能把它剪掉。

代码如下：

当我尝试制作包装器<Text numberOfLines={1}>时，它看起来像这样：

我试过这个，但我没有得到我的实际输出。我正在尝试许多解决方案，但没有得到适当的解决。分享您对此解决方案的答案。

相同的代码导致ios和android的风格不同。android 版本应该是它的样子，但在 ios 中看起来完全一样。

这个应用程序已经开发，但从未在 ios 上运行，可能他们不需要。但现在它也应该为 ios 发布。如何以最少的重构量获得相同的结果？

全名的输入域代码；

我正在使用这个包中的AirbnbRating组件。

问题在于动态样式化它，因为我正在使用全局样式文件并在那里定义我的所有样式。

我需要从该文件更改size道具。AirbnbRatingstyles.js

这是我的代码

在这一行size={20}中，我需要做这样的事情

有没有办法做到这一点？

编辑：

我的样式文件是这样的

我怎样才能在本机反应中实现这一点？

到目前为止，我有这个，我想实现中间曲线。我不知道是用透明视图处理它还是完全切换到 SVG

这是tabBar组件

我正在构建条款和条件文本，我希望我的条款和条件有一种TouchableOpacity行为，同样适用于PrivacyPolicy

如下所示：

现在我想在条款和条件中添加与隐私政策相同的TouchableOpacity行为，但是当我将条款和条件和隐私政策包装进去时，它开始变成如下所示：TouchableOpacity

即使您正在使用，条款和条件也已移入新行flexWrap: 'wrap'，并且仍有空间。

下面是我的完整代码：

如果有人可以提供帮助，我们将不胜感激。谢谢

编辑：我尝试删除辅助样式，但仍然没有运气。下面是完整的代码：

我试图制作一个如下图所示的二维码标记。

所以我想知道如何制作这 4 个角而不是完整的边框标记。

我目前正在使用react-native-qrcode-scanner。

默认标记是这样的：

这是我的代码：

但我想把它改成我给的第一张图片。

如果有人可以提供帮助，我们将不胜感激。谢谢