欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 创投人物 > Flutter:常见的页面布局:上边内容可滚动,底部固定一个按钮

Flutter:常见的页面布局:上边内容可滚动,底部固定一个按钮

2024/12/4 15:47:14 来源:https://blog.csdn.net/qq_40745143/article/details/144187569  浏览:    关键词:Flutter:常见的页面布局:上边内容可滚动,底部固定一个按钮

常见的布局,内容区域可滚动,底部固定按钮
在这里插入图片描述

import 'package:flutter/material.dart';
import 'package:flutter_aidishi/extension/index.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';
import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
import 'index.dart';class GoodsDetailPage extends GetView<GoodsDetailController> {const GoodsDetailPage({super.key});//  轮播图Widget _buildBanner() {return Container(width: 375.w,height: 500.w,color: Colors.blue,child: Text("轮播图"),);}// 商品信息Widget _buildGoodsName() {return Container(width: 375.w,height: 500.w,color: Colors.blue,child: Text("商品信息"),);}// 商品详情Widget _buildGoodsDetail() {return Container(width: 375.w,height: 500.w,color: Colors.blue,child: Text("商品详情"),);}// 底部悬浮按钮Widget _buildGoodsFoot() {return Container(width: 375.w,height: 50.w,color: Colors.white,child: Text("底部悬浮按钮"),);}// 顶部的可滚动内容:SingleChildScrollViewWidget _buildTop(){return SingleChildScrollView(child: <Widget>[_buildBanner(),SizedBox(height: 15.w,),_buildGoodsName(),_buildGoodsDetail(),].toColumn(),);}// 主视图Widget _buildView() {return <Widget>[_buildTop().expanded(),_buildGoodsFoot()].toColumn();}@overrideWidget build(BuildContext context) {return GetBuilder<GoodsDetailController>(init: GoodsDetailController(),id: "goods_detail",builder: (_) {return Scaffold(appBar: AppBar(title: const Text("goods_detail")),body: _buildView(),backgroundColor: Color(0xffF6F6F6),);},);}
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com