问题标签 [react-native-stylesheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
236 浏览

javascript - React Native 样式表在刷新之前不起作用

我的组件<Text><BlurView>.

我在我的主要组件中这样使用它(用于演示目的的硬编码显示属性):

预计将文本在屏幕中间居中。但是,当我切换该变量时,它会弄乱样式,文本不再居中。

为了让它再次工作,我必须改变一些样式,它会再次工作。比如只要改变文字大小就可以了。我不知道这里发生了什么。我已经清理了 android 版本。我怎样才能让它坚持风格?

0 投票
1 回答
33 浏览

react-native - 如何将道具中的值应用于样式?

我创建了一个自定义组件:

正如您在上面的sqr样式中看到的那样,我尝试使用sizeandcolor传入 via props

我通过Square以下方式在另一个组件中使用:

但是,运行我的应用程序时不会应用大小和颜色。

那么,如何在自定义组件的样式中使用传入的值?

0 投票
2 回答
542 浏览

react-native - 如何将基于以下 flatList 的组件移动到屏幕底部?

大家。我将制作一个屏幕(顶部:flatList,底部:某个组件),但组件应位于屏幕底部。我像这样尝试了几次,但我做不到。

我累了:底部组件样式:

但不适用于我,这个组件只是隐藏了。我不确定为什么会这样。

请帮助我...谢谢

在此处输入图像描述

0 投票
2 回答
77 浏览

javascript - 如何在各种屏幕尺寸上保持绝对 Touchables 一致?

我有一个带有 png 图像的屏幕,我正在尝试在关节上添加可触摸的东西。我想让 touchabes 在不同的屏幕尺寸上保持一致

图片

这是我的代码

联合样式默认值

样式表

我想在不同屏幕尺寸的 png 上将圆形图像保持在固定点。我如何实现这一目标?

0 投票
1 回答
260 浏览

javascript - 设置文本样式后 React Native TouchableOpacity 不起作用

嗨,我是 React Native 的新手,我制作了一个表单,并在表单的底部添加了这些行New here?创建一个帐户,单击“创建帐户”文本时,它应该在定向屏幕上导航.. 但是一旦我添加了样式,它就不起作用了。这是我的代码:

0 投票
1 回答
1394 浏览

javascript - 如何在 React Native 中在一页上调用多个屏幕

我制作了一个主页,其中标题中有三个按钮(如选项卡导航器)我想要点击每个按钮时出现一个屏幕出现在标题下方,如下图所示: 在此处输入图像描述

这是我尝试过的:

0 投票
1 回答
27 浏览

react-native - 添加新组件时 React Native 组件松散排列

我在 React Native 应用程序中有以下视图:

在此处输入图像描述

这是它的代码:index.js

ShoppingCartEntry.js

问题是当一个元素被移除shoppingCart并重新渲染整个视图时,它会失去所有的格式:

在此处输入图像描述

我发现我所要做的就是StyleSheet.flexDirection将容器的 更改为rowcolumn然后再更改回row,视图再次排列,但现在使用新数据。

我不知道这是否是我不应该关心生产的开发阶段问题,或者我是否可以采取一些措施来避免它。

0 投票
1 回答
305 浏览

react-native - React Native 需要在圆形按钮上渲染圆形阴影

我需要在圆形按钮上渲染圆形阴影。阴影应该像图像中给出的那样渲染,但有些我无法像那样渲染。

在此处输入图像描述

但它不能正确渲染并显示如下。

在此处输入图像描述

它看起来像下面

在此处输入图像描述

风格会是这样

查看风格

0 投票
1 回答
99 浏览

react-native - 具有锐利边缘的 React Native 样式视图

像这样查看

我怎样才能让我的视图看起来像这样,(Karamel 下方的锐边为红色)

0 投票
1 回答
33 浏览

css - 如何使用 React Native 实现这样的目标

我怎样才能制作这样的组件:

我想要的是

到目前为止,我设法做到了: 我得到了什么

这是我的代码的样子: