Flutter粘性底部视图插件sticky_footer_scrollview的使用

sticky_footer_scrollview

sticky_footer_scrollview 是一个Flutter Widget，它具有可滚动的内容体和一个可以粘贴在屏幕底部或滚动内容末尾的脚部。

背景

这个包使用SingleChildScrollView和CustomMultiChildLayout来实现带有粘性底部的可滚动Widget。这允许滚动主体中的子Widget具有动态高度。

同时，由于采用了SingleChildScrollView与Column的方式，对于性能原因不建议使用大量的子Widget。你可以简单地通过示例测试是否适合你的需求。

使用方法

以下是StickyFooterScrollView的所有自定义属性：

StickyFooterScrollView({    
    this.footer,
    @required this.itemBuilder,
    @required this.itemCount,
    this.scrollController,
})

• footer是放置在屏幕底部或滚动主体末尾的脚部Widget。
• itemBuilder用于构建滚动主体中的子Widget。
• itemCount是滚动主体中子Widget的数量，只允许大于等于0。
• scrollController允许手动跳转到特定的偏移位置。

示例

当滚动主体比可用的窗口高度短时：

当滚动主体比可用的窗口高度长时：

下面是一个完整的例子：

import 'package:flutter/material.dart';
import 'package:sticky_footer_scrollview/sticky_footer_scrollview.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: StickyFooterScrollView(
          itemCount: 50, // 更改了itemCount为50以展示更多内容
          itemBuilder: (context, index) {
            return Card(
              child: ListTile(
                title: Text('content $index'),
              ),
              color: Colors.pinkAccent,
            );
          },
          footer: AppBar(
            title: Text('i stick at bottom'),
          ),
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个应用程序，其中包含一个名为HomePage的页面。在这个页面上，我们使用了StickyFooterScrollView作为主体，并设置了50个卡片项目和一个位于底部的应用栏作为粘性脚部。当内容较少时，脚部会固定在屏幕底部；当内容较多时，脚部会在滚动到底部时显示。

许可证

MIT