Flutter系列（十）实现个人中心页

最新推荐文章于 2024-06-11 09:46:56 发布

摸金青年v

最新推荐文章于 2024-06-11 09:46:56 发布

阅读量1.6k

点赞数 3

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/sinat_41144773/article/details/131352693

版权

本文介绍了如何使用Flutter创建个人中心页面，涉及组件包括LinearGradient（颜色渐变）和ClipOval（圆形头像），并提供了完整代码示例。

摘要由CSDN通过智能技术生成

基础工程：

Flutter系列（四）底部导航+顶部导航+图文列表完整代码_摸金青年v的博客-CSDN博客

一、前言

本文用flutter实现个人中心页布局，效果如下图：

二、使用的组件

1.颜色渐变：LinearGradient 线性渐变组件

2.圆形头像：ClipOval 给它的子组件剪裁成圆形

三、完整代码

import 'package:flutter/material.dart';

/*个人中心页*/
class HomePage extends StatefulWidget {
  @override
  State<HomePage> createState() => _HomePage();
}

class _HomePage extends State<HomePage> {

  @override
  Widget build(BuildContext context) {