小编Dev*_*par的帖子

Flutter:如何禁用 GridView 小部件的滚动,但为整个页面启用滚动?

我正在构建一个应用程序,其中有一个页面提供有关特定交易卡的信息。我希望页面可滚动,但我还希望页面上有一个网格,每个网格单元显示一个数据点。我使用 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)

mobile android scroll flutter flutter-layout

9
推荐指数
2
解决办法
2万
查看次数

标签 统计

android ×1

flutter ×1

flutter-layout ×1

mobile ×1

scroll ×1