Flutter分页,flutter分页表格

Flutter-PageView作为子部件时展示问题

本来想要做个这样的，

结果处理PageView的时候就如上图了，以前用Swift开发这样的Page控件的时候用的UIScrollView，有滚动宽度或者高度的设置，所以看到width的时候我是比较兴奋地去查找相关的width属性，当然结果就是没有，单独把PageView部件抽出是没有问题的，但是会是最大高度，好了，问题找到了，高度没有限制好导致PageView无法限制自身的高度，我是在SafeArea中添加的列部件，列中添加行部件，原来是PageView作为列部件的children之一，现在要限制列部件除上面的两行外设置PageView高度最大化，我把PageView放在Expanded中，Expanded作为列部件的children之一，好了问题解决了

Column(

children:[

Widget1,

Widget2,

AspectRatio(aspectRatio: ../..,child:PageView(....))

])

如整个场景全部是分页，则去除Column，改为PageView（），全部重新构建场景，Expanded需要在确定的部件需要足够多的高度或者宽度时使用，

相关问答

Q1: PDF文件生成

PDF(Portable Document Format)是Adobe公司发明的一种文档格式，由于其具有很多独特的优点而被广泛使用。如pdf可内嵌字体，这样就可以避免客户端没有安装字体而显示不一致；如pdf的图片和文字使用了矢量图，这样就可以随意放大而不会失真；另外pdf的加密和防篡改也是一大亮点，是向外发布资料的首选格式

一个未经修改的PDF文件从头到尾主要包括4个部分，分别是：文件头、对象集合、交叉引用表、文件尾。其中：

%PDF-1.4

1 0 obj

/Producer (Skia/PDF m92)

endobj

xref

0 83

0000000000 65535 f

0000000015 00000 n

0000010954 00000 n

trailer

/Size 83

/Root 11 0 R

/Info 1 0 R

startxref

50152

%%EOF

iOS可以通过UIGraphicsPDFRenderer类生成PDF，其本身的api非常简单：一个init方法，一个写入文件的方法，一个导出data数据的方法

用于构造UIGraphicsPDFRenderer，第一个参数是pdf的尺寸，第二个参数可以设置pdf文件的元数据

生成pdf并写入到指定URL

生成pdf并返回Data

绘制PDF主要依靠 UIGraphicsPDFRendererContext ，这是UIGraphicsRendererContext的子类，所以iOS是使用CoreGraphics的draw api进行pdf绘制的

除了CoreGraphics的相关api之外，最重要的是 func beginPage() ，用于创建一页pdf

安卓可以使用 PdfDocument 类生成PDF，和iOS类似，采用了系统的绘图api( Canvas )，对于开发者来说学习成本很低。但是安卓的坑比较多，建议采用iText、PDFBox等第三方实现。如drawText不支持多行文本，要通过较复杂的操作来实现；某些系统对文档内的图片不进行压缩，导致生成的pdf比正常的大10多倍

flutter可以使用 pdf库 生成pdf，该库实现了一套自己的widgets，开发者可以像写普通widgets一样去写pdf；另外还提供了table相关的api，不用手动画表格，还支持自动分页，非常友好。

Q2: CustomScrollView高性能滚动

白话：基于Sliver模型是高性能的，只有出现在可视范围内的组件才够构建，界面外的组件不构建。

官话：Flutter中提出一个Sliver（中文为“薄片”的意思）概念，如果一个可滚动组件支持Sliver模型，那么该滚动可以将子组件分成好多个“薄片”（Sliver），只有当Sliver出现在视口中时才会去构建它，这种模型也称为“基于Sliver的延迟构建模型”。

可滚动组件中有很多都支持基于Sliver的延迟构建模型，如ListView、GridView，CustomScrollView但是也有不支持该模型的，如SingleChildScrollView（性能很低，所有UI都会完整的绘制）。

CustomScrollView是可以使用Sliver来自定义滚动模型（效果）的组件。它可以包含多种滚动模型。CustomScrollView可以实现把多个彼此独立的可滑动widget组合起来，并且是高性能的。

CustomScrollView可以控制SliverListView根据需要才构建item，类似与分页加载，复用加载，数据量比较大的时候对提高加载效率非常有帮助。

CustomScrollView：高性能，懒加载，只构建屏幕可视范围内组件，超出屏幕外的组件等滑动的时候再构建，适用于子widget数据量较大的场景。

SingleChildScrollView：低性能，完整加载，直接把整个child完整的构建出来，只适用于子widget数量有限的场景。

我们用CustomScrollView把“导航栏”和“瀑布流”组合在一起，并且依然保持很好的滚动性能。

CustomScrollView下使用的listview也必须是基于sliver模型的，如SliverMasonryGrid,SliverListView,SliverGridView，这样CustomScrollView可以计算listview中需要构建的items。非Sliver组件需要用SliverToBoxAdapter包起来。

瀑布流Demo如下：

实践效果：

Q3: 一个合格的web前端需要会什么？

1. div和table

这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

2.html

HTML是指超文本标签语言，是目前web领域应用广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列，所以要熟练掌握HTML基本知识，包括每个标签的用法等。

3. CSS

CSS指层叠样式表，可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。

4.Javascript

Javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建 cookies等等，现在各大网站都可以看见 Javascript的踪影，常见的网站首页大眼晴、警告提示框、页面动画效果等等。Javascript更是一种在客户端广泛使用的脚步语言，在 Javascript当中提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等!

5.Jquery

Jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少。 Jquery是一个免费、开源的轻量级的Javascript库，并且兼容各种浏览器，同时现在有很多基于 Jquery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度。

6.框架

从 bootstrap开始，响应式的珊格系统被后来框架一直沿用，建议学一套主流mvc框架，vue，react， angular两选一种。

7.会点后台语言

对于前端工程师来说，并不需要像网站程序员样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET＆POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入，以及掌握HTTP与WEB工作原理、掌握Socket长连接实时网络通信技术、掌握 NOSQL中的 MONGODB的应用、了解PHP语法、了解 MYSQL数据库的基本操作。

当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等，因此还需不断的坚持学习。