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

embedded/2024/12/4 16:38:51/

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

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),);},);}
}

http://www.ppmy.cn/embedded/142949.html

相关文章

【docker】docker compose多容器部署

Docker Compose 的详细讲解与实际应用 什么是 Docker Compose&#xff1f; Docker Compose 是一个工具&#xff0c;用于定义和运行多容器 Docker 应用。 通过一个 docker-compose.yml 文件&#xff0c;可以同时启动多个服务&#xff0c;简化多容器管理。 Docker Compose 的核心…

FPGA实战篇(呼吸灯实验)

1.呼吸灯简介 呼吸灯采用 PWM 的方式&#xff0c;在固定的频率下&#xff0c;通过调整占空比的方式来控制 LED 灯亮度的变化。 PWM&#xff08;Pulse Width Modulation &#xff09;&#xff0c;即脉冲宽度调制&#xff0c;它利用微处理器输出的 PWM 信号&#xff0c;实现对…

web安全攻防入门教程

Web安全攻防入门教程 Web安全攻防是指在Web应用程序的开发、部署和运行过程中&#xff0c;保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现&#xff0c;还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。 本教程将带你入门Web安全攻…

如何解决服务器扫描出的ASP木马问题

随着互联网的发展&#xff0c;网站安全问题日益凸显。其中&#xff0c;ASP&#xff08;Active Server Pages&#xff09;木马因其隐蔽性和危害性成为攻击者常用的手段之一。本文将详细介绍如何检测和清除服务器上的ASP木马&#xff0c;以保障网站的安全。 1. ASP木马概述 ASP…

详解日志格式配置:XML 与 Spring Boot 配置文件格式

详解日志格式配置&#xff1a;XML 与 Spring Boot 配置文件格式 日志是现代应用程序中不可或缺的一部分&#xff0c;通过定制化日志格式和颜色&#xff0c;开发人员可以更方便地调试和监控应用。本文将深入讲解如何在 XML 配置文件 和 Spring Boot 配置文件 中设置日志格式&am…

Python 入门教程(2)搭建环境 | 2.4、VSCode配置Node.js运行环境

文章目录 一、VSCode配置Node.js运行环境1、软件安装2、安装Node.js插件3、配置VSCode4、创建并运行Node.js文件5、调试Node.js代码 一、VSCode配置Node.js运行环境 1、软件安装 安装下面的软件&#xff1a; 安装Node.js&#xff1a;Node.js官网 下载Node.js安装包。建议选择L…

A058-基于Spring Boot的餐饮管理系统的设计与实现

&#x1f64a;作者简介&#xff1a;在校研究生&#xff0c;拥有计算机专业的研究生开发团队&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的网站项目。 代码可以查看项目链接获取⬇️&#xff0c;记得注明来意哦~&#x1f339; 赠送计算机毕业设计600个选题ex…

蓝队工具分享

RmEye RmEye是一个window上的基于att&ck现代EDR设计思想的威胁响应工具. 不同于EDR,它轻量、高效.自身定位是轻量级威胁检出工具. 而不是繁重的、需要付费的、效果不明的所谓的EDR 功能特点 基于att&ck设计.所有设计只是为了符合att&ck的攻击路径、攻击链(虽然规…