问题标签 [react-native-stylesheet]

我想在按钮的右侧显示文本，但文本没有显示在一行中，因为它在一行中显示为“Cre”，而在另一行中显示其他文本，问题出在我的图标宽度和高度上少，所以它使它的孩子具有相同的宽度和高度，但我不能增加我的宽度和高度。这是我的按钮，里面有 ImageBackGround 作为它的子元素：

问题是此文本“创建帐户”未显示在单行中。

我正在制作一个顶部带有徽标并带有后退按钮的表单，当我将 TextInput 放入其中时，它会出现在我的屏幕底部，如果我尝试在顶部设置它的样式，我的徽标会超出屏幕，即使任何更改在 TextInput 样式表中破坏了我所有的设计，我认为我的 flex 有一些问题，但我也在我的子视图中删除并添加了 flex 但无济于事。这是我制作徽标和显示文本的代码：

这是我的样式表：

我正在使用 react native elements Header 来显示我的抽屉，我面临两个问题：1）我的抽屉没有覆盖整个顶部（标题区域）。（可以在图片中看到蓝色不覆盖整个标题） 2）如何添加图像而不是图标，因为我不想使用 react-native-vector-icons 以及如何在该图像上添加 onPress() 方法，基本上我想添加 onPress openDrawer 的自定义抽屉图像。

这是我的代码：

这是我的样式表：

我试图在我的反应本机应用程序的屏幕右上角放置一个视图，并使用：alignSelf: 'flex-end'with position: absolute。这可行，但是我现在想在框周围添加一个边距，margin: 15但这不起作用。视图在顶部有边距，但在右侧没有边距，大概是因为我flex-end对视图的使用尽可能地向左放置。如何覆盖它并在视图周围添加边距？

我在让两个子组件在 React Native 中垂直和水平对齐其父元素的“顶部”时遇到了很多麻烦。

我正在尝试将Loader和Button放在RTCView.

我目前有这个 JSX 在父级中返回：

而这里面Loader：

虽然我已经实现了Loader在其父级的“顶部”显示，但我无法将它们移动到屏幕顶部的位置。

任何帮助将非常感激！

我想使用 Flexbox 使用 React Native 创建以下网格。

我尝试使用以下代码创建此网格（有关代码和工作版本，请参见snack.expo.io），但我得到的矩形间距不正确，如下所示：

我还没有准备好将我的应用程序锁定为纵向模式，直到我确定我们无法解决这个问题。

曾经有一个容器叫SwipeListView. 是第三方包，不知道的可以看看这个零食：react-native-swipe-list-view。它正在工作，但是当我翻转设备时，每行的背面层不会延伸到屏幕的整个宽度（纵向->横向）

列表项本身可以很好地拉伸，但后面的层（带有按钮）会保持其原始宽度。
这SwipeListView是renderItem用于项目数据和renderHiddenItem每行背面层的它：

为了篇幅的缘故，我就不给你了ChildListItem。这是ChildListHiddenItem：

以及应用的 StyleSheet 属性：

我也将为您省去更新的逻辑，this.props.dimensions因为我已经通过在渲染函数中放置一个断点来确认该值已正确更新。

有什么想法或过去的经验吗？

PS：如果您需要它：

二进制文件：
节点：13.9.0 - C:\Program Files\nodejs\node.EXE
npm：6.13.7 - C:\Program Files\nodejs\npm.CMD
IDE：
Android Studio：版本 3.6.0.0 AI-192.7142.36.36 .6241897
npmPackages：
反应：16.9.0 => 16.9.0
反应原生：^0.61.5 => 0.61.5

尝试更新

LinearGradient向下移动了一层，使用并且flexGrow仍然flexShrink无济于事，这证明它是未使用新容器更新的容器flexBasis

我正在工作，resizeMode:'contain'因为图像正在拉伸。但 resizeMode 不适用于 expo 应用程序。

截屏

在我的 React Native 应用程序中，我有一个<View>嵌套在其中的其他几个元素。通常，如果我想让一个组件消失，我会使其高度变为 0，使其不透明度为 0，等等。但我想要一种通用的方法来将样式应用于<View>并让它及其所有子组件消失。

有谁知道我该如何解决这个问题？

我已经在整个互联网上搜索，以找到如何在 react native 中创建具有半径的自定义虚线边框。

这就是我想要实现的目标

到目前为止，我发现最适合我需要的是一个名为 react-native-dash 的 npm 包。该软件包允许您为所有 4 个面分别创建虚线。但你不能让它们在末端弯曲，我不喜欢那样。

我想知道是否有人对那里的任何其他包有想法，或者我如何在 React Native 中使用borderImage？（正如我所读的那样，它不受支持，我尝试使用'styled-components'库来转换css以响应原生样式。

如果有人对我如何自己实施它有任何提示，我很高兴听到！