Flutter个人信息展示插件super_profile_card_package的使用

Flutter个人信息展示插件super_profile_card_package的使用

Super Profile Card Package

介绍一个精心设计的Flutter插件，这个艺术杰作将重新定义你的个人资料页面的优雅与美学。它被精心制作，为你的个人资料卡片注入个性，通过参数如阴影颜色、偏移值和模糊强度来完全且细致地个性化你的个人资料氛围。 🌈

旅程从一个引人注目的圆圈开始，这个圆圈被战略性地放置在个人资料卡片的顶部。周围的专业设计阴影不仅为你的个人资料增加了深度，还赋予了现代感。参数如阴影颜色、偏移值和模糊强度等的灵活性使整体卡片设计可以完全个性化。 🎨💖

可以将此插件视为你的个人资料页面的核心元素；它不仅提供视觉盛宴，还能积极促使用户更深入地参与你的个人资料。如果你正在寻找一个既优雅又细节丰富的个人资料卡片，此插件为你提供了所需的精准工具。它旨在让你的个人资料体验不仅独特，而且留下深刻而持久的印象，确保用户看到你的个人资料时会不由自主地惊叹：“哇！” 🚀✨💯

在这个第一印象至关重要的世界里，这个插件确保你的个人资料成为一个引人入胜且令人难忘的焦点，邀请用户探索并欣赏其中的艺术性。 🌟👁️✨

属性和值

属性和描述

版本

支持

构造函数

final List<Color> gradientColors;
final Color iconsColor;
final String bottomImageUrl;
final Color bottomImageColor;
final double bottomImageWidth;
final String topImageUrl;
final Color topImageColor;
final double topImageWidth;
final String logoImageUrl;
final Color logoImageColor;
final String topText;
final TextStyle topTextStyle;
final IconData firstIcon;
final IconData secondIcon;
final IconData thirdIcon;
final String firstIconText;
final String secondIconText;
final String thirdIconText;
final Color iconsTextColor;
final Color dividerColor;
final Color shadowColor;
final double shadowOffset;
final Color topCircleColor;
final double bulurSigmaValue;

示例

import 'package:flutter/material.dart';
import 'package:super_profile_card_package/profile_card.dart';

class HomeView extends StatelessWidget {
  const HomeView({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color.fromARGB(255, 57, 57, 57),
      appBar: AppBar(
        centerTitle: true,
        backgroundColor: const Color.fromARGB(255, 41, 204, 232),
        title: const Text(
          "Super Profile Card",
          style: TextStyle(
            color: Colors.black,
            fontWeight: FontWeight.bold,
          ),
        ),
      ),
      body: const SuperProfileCard(
        // 卡片背景颜色
        gradientColors: [
          Color.fromARGB(255, 41, 204, 232),
          Color.fromARGB(255, 41, 204, 232),
          Color.fromARGB(255, 41, 204, 232),
          Color.fromARGB(255, 0, 0, 0),
          Color.fromARGB(255, 41, 204, 232),
        ],
        // 图标颜色
        // 顶部圆圈颜色
        topCircleColor: Color.fromARGB(255, 1, 1, 1),
        shadowColor: Colors.black,
        shadowOffset: 38.0,
        bulurSigmaValue: 10.0,
        // 顶部图像
        topImageUrl:
            'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/nine.png?raw=true',
        topImageColor: Color.fromARGB(255, 41, 204, 232),
        topImageWidth: 1.2,
        // Logo 图像
        logoImageUrl:
            'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/logo.png?raw=true',
        logoImageColor: Color.fromARGB(255, 41, 204, 232),
        // 顶部文字
        topText: 'Super Profile Card',
        topTextStyle: TextStyle(
          color: Color.fromARGB(255, 41, 204, 232),
          fontSize: 25,
          fontWeight: FontWeight.bold,
        ),
        // 底部图像
        bottomImageUrl:
            'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/ten.png?raw=true',
        bottomImageColor: Colors.black,
        bottomImageWidth: 0.80,
        // 图标
        iconsColor: Colors.black,
        firstIcon: Icons.link,
        secondIcon: Icons.email,
        thirdIcon: Icons.location_on,
        iconsTextColor: Colors.black,
        firstIconText: "First Icon's Text",
        secondIconText: "Second Icon's Text",
        thirdIconText: "Third Icon's Text",
        dividerColor: Colors.black,
      ),
    );
  }
}