flutter 在 GridView 中 Text 控件第二行文字显示不全怎么解决？

来源：蜘蛛抓取(WebSpider) 时间：2022-06-17 02:53 标签： labview程序太大看不了全貌

当我尝试使用work从网络获取图像。 我还使用Resiz ...

我希望所有项目都在底部，如果容器很大，应该在顶部添加填充。 我想要像这样的网格https://ibb.co/zrRQ8Hz但我能够实现这个https://ibb.co/2820csg 。 我写的代码如下： ...

我正在构建我的第一个 Flutter 应用程序，但我遇到了一些性能问题。 我有一个带有CustomScrollView的屏幕，特别是获得一个带有英雄图像的自定义 AppBar。 接下来，我有一些字段/过滤器，然后我有我的GridView.builder ，因为我可以在此列表中包含 25 到 400 ...

我制作了一个GridView ，通过它我可以显示网格项目。 通过双击。 我可以删除一个网格。 现在我想添加可重新排序的属性。 这是我的代码： 通过长按一个网格，我可以在任何地方替换它。 将重新排序其他网格。 我尝试了几种方法。 但是，这不包括我的 ontap 和 doubletap 功能。 ...

我有一堆不同高度的卡片，我想将它们显示在网格中，其中行高是该行最高小部件的高度，如下所示： 我怎样才能做到这一点？ 我不想使用第三方软件包； 例如， flutter_staggered_grid_view有一个与窗口大小调整相关的严重错误，使其对我无法使用。 ...

我有一个包含可拖动项目的 GridView。 当一个项目被拖动到屏幕的顶部/底部时，我想在那个方向滚动 GridView。 目前，我将每个可拖动项目包装在一个 Listener 中，如下所示： 它有效，但滚动根本不流畅，看起来有点滞后。 我也需要它在网络上工作。 有没有人对此有更好的解决方案 ...

我正在尝试使用卡片作为列表元素创建一个网格视图页面，最后一张卡片从底部被剪掉。 以下是相关的代码片段： createListBody.dart listScreen.dart 截屏 我对颤振完全陌生，如果有一些愚蠢的错误，对不起。 但是任何帮助都是有用的。 感谢您的时间！ ...

您好，我使用的是ListView，它在singleChildScrollView内的Column中有水平滚动，实际上，我需要用固定高度的容器/大小框包装它，因为它的默认行为是获取整个屏幕的高度。 是否有可能使ListView仅采用所需的高度（类似shrinkwrap的东西，但对于crossAxis ...

大家好，我是扑扑的新手。 我有一个可点击的按钮网格。 现在它只有两个，但它可以增长到很多。 我如何重构它以使其更加动态并处理许多未来的按钮？ 就像一个按钮网格列表，您可以每次单击以导航到不同的页面。 ...

我可以为grid view动画使用什么程序包？ 我想要删除grid view项，例如在IOS主屏幕应用程序中删除，并且不想创建自定义动画。 有为此包装吗？ ...

我想知道如何在我的 gridview 中收听 json 对象，以便我可以将它们用于导航逻辑。例如，选择 gridview 项目的类别 ID 并使用它在下一页中显示其各自的数据或项目。 ...

Row和Column是flutter中最基础的容器组件，Row用来水平放置子组件，Column用来垂直放置子组件。它们都可以设置子组件的对齐方式。重点需要了解它们有哪些对齐方式，以及如何对齐的。

Row默认行为：在水平方向会尽可能大，大到会撑满parent；在垂直方向会尽可能小，小到能包裹住children。children在水平居左，垂直方向上居中。

Column默认行为：在垂直方向上会尽可能大，大到会撑满parent；在水平方向会尽可能小，小到能包裹住children。children在垂直居上，水平方向上居中。

设置子组件，是一个List类型。

主轴对齐方式，对于Row是水平方向上对齐方式，对于Column是垂直方向上对齐方式。可以设置成以下值：

    将孩子放置在尽可能靠近主轴末端的位置。
    如果在水平方向上使用此值，则必须使用TextDirection来确定末端是左侧还是右侧。
    如果在垂直方向上使用此值，则必须使用VerticalDirection来确定末端是顶部还是底部。 在孩子之间以及第一个和最后一个孩子之前和之后的一半空间之间均匀地放置可用空间。 将孩子放置在尽可能靠近主轴起点的位置。
    如果在水平方向上使用此值，则必须使用TextDirection来确定起点是左侧还是右侧。
    如果在垂直方向上使用此值，则VerticalDirection必须可用以确定起点是顶部还是底部。 此枚举中的值的常量列表，按其声明顺序。

纵轴对齐方式，对于Row是垂直方向上对齐方式，对于Column是水平方向上对齐方式。可以设置成以下值：

    沿交叉轴放置孩子，使其基线匹配。
    如果主轴是垂直的，则将此值视为开始 （因为基线始终是水平的）。 将孩子放置在尽可能靠近横轴末端的位置。
    例如，在TextDirection为TextDirection.ltr的列（具有垂直轴的弹性）中 ，这将使子元素的右边缘沿该列的右边缘对齐。
    如果在水平方向上使用此值，则必须使用TextDirection来确定末端是左侧还是右侧。
    如果在垂直方向上使用此值，则必须使用VerticalDirection来确定末端是顶部还是底部。 将子项的起始边缘与交叉轴的起始侧对齐。
    例如，在TextDirection为TextDirection.ltr的列（具有垂直轴的弹性）中 ，这会将子元素的左边缘沿该列的左边缘对齐。
    如果在水平方向上使用此值，则必须使用TextDirection来确定起点是左侧还是右侧。
    如果在垂直方向上使用此值，则VerticalDirection必须可用以确定起点是顶部还是底部。 此枚举中的值的常量列表，按其声明顺序。

主轴上应占用多少空间。可以设置成以下值：

    根据传入的布局约束，最大化主轴上的可用空间。
    如果传入的布局约束是无限的，则RenderFlex将声明，因为将有无限的剩余可用空间，并且框不能具有无限的大小。 此枚举中的值的常量列表，按其声明顺序。

有些语言是从左到右书写的（例如，英语，泰米尔语或中文），而其他语言是从右到左书写的（例如，阿拉姆语，希伯来语或乌尔都语）。有些也以混合方式书写，例如阿拉伯语大多是从右到左书写，而数字则是从左到右书写。
必须将文本方向提供给水平呈现文本或水平放置框的API，以便它们可以确定从哪个方向开始：

如果根据项目的基线对齐项目，则使用哪个基线。用于对齐文本的水平线。可以设置成以下值：

    此枚举中的值的常量列表，按其声明顺序。
    盒子应从顶部开始，并垂直向下堆叠。
    “开始”在顶部，“结束”在底部。 盒子应从底部开始，并垂直向上堆叠。
    “开始”在底部，“结束”在顶部。 此枚举中的值的常量列表，按其声明顺序。

下面的示例会验证以上情况。

示例一：不使用Row或column的时候：

如果不明白为什么颜色没有显示，可以看看我的另一篇文章：

示例二：使用Row后，主轴(水平)方向上默认会撑满父组件空间，children默认居左。

示例三：使用Column后，主轴(垂直)方向上默认会撑满父组件空间，children默认居上。

对于column来说就是垂直居中就不举例了。

对于column来说就是靠下排列就不举例了。

对spaceAround的区别就是左右两边没有边距。

这是默认值，即撑满parent空间。

运行效果：可以看到红色背景没有了。

接着上一个示例代码，添加一个属性：crossAxisAlignment: CrossAxisAlignment.center 这也是默认值，上面示例中图片都是一样大，下面将第一个图片改成原来的一半大小，再添加一个Text感受一下效果。

可能有人会好奇为什么Text没有拉长呢？我也想知道，如果有人知道可以留言告诉我~

这样设置后，Text的文字会不会换成从右向左呢？试试。

为什么会是这样的呢？看上去 textDirection 这个属性，并不是设置文字方向，而是子组件的排列方向？

效果还是一样的，试试换成中文会怎样。
中文也是一样的。官方说对于少数语言有用，我们换成阿拉姆语试试。

显然textDirection这个属性值并不能传递给子组件。

综合上述textDirection的示例，可以总结如下：

似乎还是没有变化。关于verticalDirection这个属性读者如果有什么见解可以留言讨论。
以上举例基本都是拿Row来举例，Column的属性跟Row是一样的，就不重复举例了。

关于Row和Column的主要作用、属性都已经讲完了，不知道读者有没有领悟？

我要回帖

更多关于 labview程序太大看不了全貌 的文章

 

随机推荐