我正在构建一个应用程序,其中有一个页面提供有关特定交易卡的信息。我希望页面可滚动,但我还希望页面上有一个网格,每个网格单元显示一个数据点。我使用 GridView.count() 制作了网格。
我的问题是,页面的上半部分保持静态,而网格是可滚动的,而不是可以滚动的页面。如何使网格静态,而页面的其余部分可滚动?我还打算在此网格下方添加更多数据,并且希望用户能够滚动查看所有数据,而网格是页面的静态组件。
这是我的代码:
import 'package:flutter/material.dart';
import 'package:pokehub/size_config.dart';
import 'package:pokemon_tcg/pokemon_tcg.dart';
class CardInfo extends StatefulWidget {
PokemonCard card;
CardInfo({required this.card});
@override
_CardInfoState createState() => _CardInfoState();
}
class _CardInfoState extends State<CardInfo> {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
backgroundColor: Colors.grey[900],
appBar: AppBar(
title: Text(
"Card Profile",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3),
),
backgroundColor: Colors.red,
elevation: 0.0,
),
body: Align(
alignment: Alignment.center,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(
height: SizeConfig.blockSizeVertical * 3,
), …Run Code Online (Sandbox Code Playgroud)