我正在阅读React Native中的Flex布局，但我仍然无法让中间(白框)使用任何可用的剩余(没有固定的宽度，因为不同的设备将具有不同的宽度)。也在努力让绿色的盒子总是走到尽头。我该如何布局它呢？
浏览 45提问于2021-01-23得票数 0
2回答
我认为这是一个简单的任务:给定x项，在网格中显示它们，每一列都是内容的宽度。如果列数超过容器的宽度，则创建新行并继续
我已经设法让列显示和包装，但前提是我为该列定义了固定宽度。当标签的数量超过可用的视图空间时，我如何使每行上的每个“标签”与内容相匹配，但移动到一个新的行？grid-template-columns: repeat(auto-fill,minmax(20px,max-
浏览 0提问于2018-08-10得票数 5
根据关于.flex-fill类
stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
浏览 4提问于2018-08-09得票数 29
回答已采纳
6回答
我想在主轴上对齐一个项目。例如，我希望有一个行，其中几个子行都是左对齐，然后一个子行在右边对齐。然而，这样的justifySelf似乎并不存在。为什么会这样呢？
浏览 1提问于2018-06-13得票数 63
回答已采纳
5回答
我有几个列，我使用flex给出了相同的宽度。每个标签都包含img标记，我希望这些图像显示object-fit: cover大小。 display: flex; width: 100%;.test { margin-right
浏览 4提问于2016-05-10得票数 31
回答已采纳
4回答
第一行在flex 1是两个项，在flex 2是一个项。
但是，当计算中包含填充时，和是不正确的，如下面的示例所示。问题.Row{} display:flex;
flex<
浏览 4提问于2016-06-13得票数 94
回答已采纳
我试图在ScrollView上运行flex，只要ScrollView有flex: 1，滚动条就不能运行。下面是世博小提琴(您可以运行这段代码并使用它)
请注意，如果将flex: 1从ScrollView中删除，它确实允许滚动，但随后就失去了弹性功能(让红色容器向下推上上部框( ScrollView)的能力)，所以我必须在那里有一个flex。为什么ScrollView在有flex: 1时不能正常工作？谢谢！
浏览 2提问于2017-10-18得票数 37
回答已采纳
我有一个任务列表，我想重复一个菜单内联在界面下面的每一项列表，不是弹出或上下文菜单。我寻找菜单而不是LinearLayout的原因是为了方便地使用"showAsAction“和"ifRoom”。我尝试过的是:我已经创建了一个layout/myspecialmenu.xml，我使用addView将它作为每个项目之后的视图来包含！显然没有成功！
浏览 5提问于2015-09-09得票数 0
回答已采纳
10回答
我正在创建一个在Reactinative中的表单，并希望使我的TextInput的屏幕宽度达到80%。对于HTML和普通CSS，这将是非常简单的： display: block; margin: auto;但是，本机不支持display属性、百分比宽度或自动边距。
浏览 14提问于2015-11-26得票数 131
回答已采纳
在我看到的所有例子中，他们都会这样做： container: { flexDirection: 'row'});
我对flex: 1部分很好奇。根据Coyier在这里的定义-- ，flex: 1应该与flex-grow: 1相同，但在我看来，flex: 1在ReactiNative中相当于CSS中的display: flex。下面是一个C
浏览 7提问于2015-09-18得票数 73
回答已采纳
1回答
虽然这些标准指定了模型的行为方式，但它们没有给出应该如何实现它们的任何细节。
盒子可以包含其他的盒子。如果子框不灵活，则按宽度和高度参数中指定的大小绘制。如果它是灵活的，那么它将被调整大小以适应父容器中可用的空间。例如，如果列表中有十项，而最后一项具有约束，则算法计算前九项的大小，然后当到达第十项时，需要重做<
浏览 1提问于2011-08-02得票数 5
回答已采纳
我试图在我的应用程序中实现本机webview组件，但是web视图并没有加载任何url --它只是显示白色页面。var React = require('react-native'); View, StyleSheet,} = React;
render: function(){ <View style={s
浏览 23提问于2016-02-17得票数 52
回答已采纳
下面的代码使我更加接近，但是当窗口调整大小时，它没有完全对齐，并且丢失了它。
.header { height: 50px; justify-content: center;
.title
浏览 3提问于2020-01-31得票数 1
回答已采纳
4回答
</Grid> </Container>有人能告诉我一个工作示例片段，它允许我有两个元素的全部宽度吗
浏览 0提问于2018-04-12得票数 36
回答已采纳
我有一个数组，比方说100项，我不想在第一项开始渲染，而是在开始。比方说在第50条。wait.then( () => { });这个片段使scrollToIndex但是，当我使用由3x3网格组成的视图的FlatList时，我就不能让它运行。例如，提供的数据数组具有所有的100个项。当我让我
浏览 5提问于2017-05-08得票数 6
回答已采纳
10回答
众所周知，flex属性是flex-grow、flex-shrink和flex-basis属性的缩写。它的默认值是0 1 auto，这意味着flex-shrink: 1;但我注意到，在许多地方都使用flex: 1。
浏览 24提问于2016-05-23得票数 225
回答已采纳
2回答
我试图制作两个列，每个列都有一个图像，虽然这两个图像大小完全相同，但我注意到它们的左右边距不均匀，左边的边距略大一些，我如何解决这个问题？
浏览 3提问于2018-06-16得票数 0
回答已采纳
2回答
这会导致在FF中，当项目接近列表中最长的项(这反过来又会驱动DIV的宽度)时，会导致不必要的项目包装。这个特殊的项目是不寻常的，因为它包含两条信息，其目的是使第二部分(“数据X特殊信息”)正确地对齐，使之看起来像两列。
机械地，在呈现一个具有垂直滚动条的列表方面，它在IE11和FF中都是正确的。但是，当FF呈现列表，并使框的宽度与最长的项相匹配时，然后在列表中插入垂直滚动条，则会重新填充列表内容，并在列表中最长项的长
浏览 0提问于2017-06-23得票数 3
1回答
我正试图为我的应用程序创建一个自定义对话框视图。在运行程序时，结果与我所期望的大不相同。<?xml version="1.0" encoding="utf-8"?是否有一种方法可以用布局填充对话框的全部大小？
(当然，以后我还可以进一步定制。)
浏览 4提问于2020-04-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
