问题标签 [react-native-stylesheet]

自 2 天以来一直在寻找这个问题的解决方案，而互联网并没有为我提供我生命中的第一次解决方案，所以这是我在 StackOverflow 上的第一篇文章 :)

因此，我正在使用 Expo (3.4.1) 构建一个 react-native (0.59.8) 应用程序，并使用 Android 9.1 进行测试。

我有一个看起来像这样的电子邮件 TextInput：

TextInput 首先按预期显示，当我手动填写（键入我的电子邮件地址）时没有问题。

但是，当我选择一个 Android 建议时，TextInput 样式会发生变化（颜色变为浅黄色，backgroundColor 变为黄色/绿色，borderColor 变为橙色），这有点难看：/。

看起来行为与-webkit-text-fill-color标准 CSS 中的行为相同，但在 RN 中找不到对应的行为。

谢谢你的帮助 ：）

我在嵌套视图中的 React Native 中的样式有问题。

期望的结果：

我的设计 ：

如您所见，我在水平分配文本时遇到问题

代码：

非常感谢任何帮助，它看起来超级简单，但我无法让它工作。谢谢！

我在外部容器上有一个包含一些样式的平面列表，如下所示。

问题是列表的最后一个值超出了屏幕的视图，除非在父容器上放置固定高度，否则无法查看它。是否可以在没有固定高度的情况下做到这一点。

使用 React Native，我希望使用 StyleSheet 来定义样式，然后在许多组件中使用该样式，但我想更改或覆盖一些组件的单个道具。例如，一组 10 个视图，有 5 种不同的颜色，但所有其他道具都相同。这可能吗？语法是什么样的？

我无法想象我必须定义 5 种不同的样式或使用内联样式。非常感谢您的帮助。

我想构建一个可重用的组件，可以停靠在父容器的任何边缘，请参考下图

我不能将 flex 用于块，因为应该在父容器中呈现在它们后面的东西

到目前为止，我只尝试过左对齐，但它并没有按照我想要的方式工作

JSX

哪个有效，但不完全是我想要的方式

我正在通过使用 FlatList 组件显示消息来完成本机反应。我正在尝试设置消息的样式，使它们是圆形的，但borderRadius不起作用（左、右、上或下）。我发现了这一点：borderRadius 没有应用于 FlatList，但即使在添加overflow: 'hidden'到我的代码之后，我也无法让它显示除矩形之外的任何内容。

编码：

款式：

添加renderTextItem()

我无法在android和ios上的React Native中将组件居中。TextView

如您所见，+符号不在白色圆圈的中心。

这是我的组件：

这是我的样式表：

我有两个视图，在我的视图中，每个视图中有两个 TextInput 文件，问题是在我的每个文本输入文件之间有很多空间，如何填补它们之间的空白。以下是我的看法：

这是样式：

我想在屏幕中间显示我的反应本机模式，即使我已经完成了样式设置，但窗口出现在我的屏幕顶部但不在屏幕中心。这是我到目前为止所尝试的：

这是模态样式：

所以我有一个盒子，里面有一些文本，在文本下方我想添加 2 个按钮，允许用户将停车位标记为可用或已占用。下面你可以看到主灰色框的样式

如果我只是在文本下方添加按钮，这就是它的放置方式。这是按钮的代码

我想将按钮放在灰色框的左下角，而第二个按钮将放在框的右下角。我知道这可能是一个简单的解决方案，但我似乎无法找到解决方案。提前致谢！