问题标签 [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.

135 问题

0 投票

3 回答

1040 浏览

react-native - 保持视图大小成比例

我有一个容器View，它有一个静态高度，比如说 50：

现在这个容器有一个孩子，通过将其高度设置为100%：

我希望这个子元素是理想的正方形，其宽度自动与它的高度相同，所以如果明天我将父元素的高度更改为 60，那么子元素的高度将自动增长（因为height: 100%）但是我如何设置它的宽度以适合自己自动地？width: 'auto'没有任何效果。。

游乐场：https ://snack.expo.io/SkSWxPKbZ

react-native react-native-stylesheet

2017-05-29T08:46:13.197

0 投票

2 回答

3034 浏览

react-native - React Native Maps：如何在地图下方渲染组件？

我刚刚在我的应用程序中实现了React Native Maps。

我的问题是，我在地图下方渲染的所有内容都渲染在地图之上。让我告诉你我的意思：

我的问题是如何避免我的组件被渲染在地图上？我希望它们在下面呈现。

这是我的代码：

HomeScreen.js：

MapsContainer.js：

2018-07-18T21:08:38.163

0 投票

1 回答

418 浏览

react-native - 如何延迟调用 AppRegistry.registerComponent

我需要在 App 初始化之前阅读一些用户设置。此设置将更新应用程序的样式。

我打电话给 AppRegistry.registerComponent 有一些延迟，但应用程序崩溃了。在https://github.com/facebook/react-native/issues/17724上发现了这个问题，但没有任何帮助。

react-native react-native-stylesheet

2018-08-03T05:59:19.307

0 投票

1 回答

3328 浏览

react-native - React-Native：具有底部半径的蒙版图像

如何在图像中制作边框底部半径？

以及如何将图像遮盖到绿色区域？

我尝试了以下代码，但我无法在上面共享的图像中获得半径比

查看代码：

样式代码：

react-native border react-native-stylesheet

2018-08-08T15:53:55.597

0 投票

1 回答

205 浏览

react-native - 反应本机颜色样式

在这里，我附上了一张图片。根据图像，该条具有深蓝色和浅蓝色混合。我该如何完成该任务？

react-native react-native-stylesheet

2018-08-20T17:02:33.130

0 投票

1 回答

1565 浏览

react-native - React Native createBottomTabNavigator 从常量添加自定义颜色

我正在实现createBottomTabNavigator。我添加了一个tabBarIcon，我想使用我在全局样式文件中的const中定义的全局颜色，如下所示：

global.style.js

路由器.js

我发现了一堆示例，这些示例显示了如何直接添加颜色，这些示例有效：

但我想知道是否有办法传递const Colors 值。

有任何想法吗？

提前致谢！

react-native react-native-navigation react-native-stylesheet

2018-08-31T06:25:03.217

0 投票

1 回答

8076 浏览

react-native - React Native FlatList 在底部剪切文本

我正在尝试制作一个搜索屏幕，我有一个 FlatList 填充屏幕中所有未使用的空间，并且有一个将填充设置为 10 的样式。我现在有硬编码数据只是为了测试它在我一直向下滚动，最后一个文本元素被切成两半......如果我删除填充它会正确显示最后一个项目，但文本显示粘在 FlatList 的边框上，并且向每个 FlatList 项目添加填充看起来像矫枉过正（正如有人在另一篇文章中建议的那样）。