flutter - 布局必备手册

最新推荐文章于 2024-05-13 14:48:57 发布
最新推荐文章于 2024-05-13 14:48:57 发布
阅读量484 收藏 4
点赞数
分类专栏： flutter 文章标签： flutter 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/win7583362/article/details/102374035
版权

flutter布局

相信很多同学，都是在wendux的flutter中文社区中学习入门的，但是我在看完之后，使用 flutter 开发项目时，布局依然遇到了一些困难，不知道该用哪种widget,所以详细记录了一下项目必用的布局内容。

写作风格参考了 阮一峰的flex布局

目录

  • Row and Column 【横向，纵向布局】
  • IntrinsicWidth and IntrinsicHeight 【宽度，高度 对齐布局】
  • Stack 【绝对定位布局】
  • Expanded 【绝对定位布局】
  • ConstrainedBox 【容器尺寸修饰】
  • Container 【容器】
  • decoration: BoxDecoration 【容器样式修饰】
    • image: DecorationImage 【背景图片】
    • border: Border 【边框】
    • borderRadius: BorderRadius 【边框圆角】
    • shape: BoxShape 【容器形状,三角形，菱形，梯形…】
    • boxShadow: List 【容器阴影，左上右下】
    • gradient: RadialGradient 【渐变】
    • backgroundBlendMode: BlendMode 【背景滤镜】
  • 最新Widget:
    • shape: BeveledRectangleBorder 【形状修饰】
  • SizedBox 【容器尺寸】
  • SafeArea 【是否使用沉浸式头部】

Row and Column

MainAxisAlignment，控制容器中的元素如何在当前容器中布局，例如居中，从头开始，从尾开始.

MainAxisAlignment.start

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.start,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisAlignment.center

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisAlignment.end

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.end,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisAlignment.spaceBetween

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisAlignment.spaceEvenly （两边间距相同）

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisAlignment.spaceAround （均匀分布）

Row /*or Column*/( 
  mainAxisAlignment: MainAxisAlignment.spaceAround,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

baseline 用于对齐不同文本基线

Row(
  crossAxisAlignment: CrossAxisAlignment.baseline,
  textBaseline: TextBaseline.alphabetic,
  children: <Widget>[
    Text(
      'Baseline',
      style: Theme.of(context).textTheme.display3,
    ),
    Text(
      'Baseline',
      style: Theme.of(context).textTheme.body1,
    ),
  ],
),

在这里插入图片描述

CrossAxisAlignment

  • Row 和 Column 非常常用，需要多个元素进行排布时，必然会用到，他们都有两条轴，相互垂直。（主轴方向，自动占满可用区域，后面示例可发现）

  • 对于 Row，主轴是横向的（x轴），副轴是纵向的(y轴)

  • 对于 Column，主轴是纵向的(y轴)，副轴是横向的（x轴）

MainAxisAlignment 用于控制主轴方向上元素排列

CrossAxisAlignment 用于控制 副轴 上元素排列

这里使用 Row 以及 两小，一大 图标做示例，注意 副轴方向上的小星星位置.

CrossAxisAlignment.start

Row /*or Column*/( 
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 200),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

CrossAxisAlignment.center

Row /*or Column*/( 
  crossAxisAlignment: CrossAxisAlignment.center,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 200),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

CrossAxisAlignment.end

Row /*or Column*/( 
  crossAxisAlignment: CrossAxisAlignment.end,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 200),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

CrossAxisAlignment.stretch （容器副轴延展并占满可用区域，主轴会自动占满）

Row /*or Column*/( 
  crossAxisAlignment: CrossAxisAlignment.stretch,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 200),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

MainAxisSize

MainAxisSize用于控制容器在主轴方向上是否占满可用区域，默认为MainAxisSize.max，表示主轴方向会自动占满

Row /*or Column*/( 
  mainAxisSize: MainAxisSize.max,
  children: <Widget>[
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 200),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

在这里插入图片描述

IntrinsicWidth and IntrinsicHeight 元素相等宽高

对于一个排列中的多个不等宽（高）元素，如何让他们等宽（高）呢？

示例：

/// 多个RaisedButton元素，具有不同的文本内容，占据的宽度不同
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('IntrinsicWidth')),
    body: Center(
      child: Column(
        children: <Widget>[
          RaisedButton(
            onPressed: () {},
            child: Text('Short'),
          ),
          RaisedButton(
            onPressed: () {},
            child: Text('A bit Longer'),
          ),
          RaisedButton(
            onPressed: () {},
            child: Text('The Longest text button'),
          ),
        ],
      ),
    ),
  );

在这里插入图片描述

使用IntrinsicWidth 进行包裹后,即可让他们等宽。（等高同理，使用IntrinsicHeight）。效果如下：

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('IntrinsicWidth')),
    body: Center(
      child: IntrinsicWidth(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            RaisedButton(
              onPressed: () {},
              child: Text('Short'),
            ),
            RaisedButton(
              onPressed: () {},
              child: Text('A bit Longer'),
            ),
            RaisedButton(
              onPressed: () {},
              child: Text('The Longest text button'),
            ),
          ],
        ),
      ),
    ),
  );
}

在这里插入图片描述

对于一个组件中需要不规则定位的元素如何处理？

对于需要不规则，特殊定位的组件，使用 stack + position 进行布局

@override
Widget build(BuildContext context) {
  Widget main = Scaffold(
    appBar: AppBar(title: Text('Stack')),
  );

  return Stack(
    fit: StackFit.expand,
    children: <Widget>[
      main,
      Banner(
        message: "Top Start",
        location: BannerLocation.topStart,
      ),
      Banner(
        message: "Top End",
        location: BannerLocation.topEnd,
      ),
      Banner(
        message: "Bottom Start",
        location: BannerLocation.bottomStart,
      ),
      Banner(
        message: "Bottom End",
        location: BannerLocation.bottomEnd,
      ),
    ],
  );
}

在这里插入图片描述

下面这个示例，使用Posotion进行绝对定位，需要知道定位元素的 top / left值。（一个定位在左上角，一个定位在右下角）

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Stack')),
    body: Stack(
      fit: StackFit.expand,
      children: <Widget>[
        Material(color: Colors.yellowAccent),
        Positioned(
          top: 0,
          left: 0,
          child: Icon(Icons.star, size: 50),
        ),
        Positioned(
          top: 340,
          left: 250,
          child: Icon(Icons.call, size: 50),
        ),
      ],
    ),
  );
}

在这里插入图片描述

如果不想去猜 top/left 的值，可以使用 layoutbuilder,它的builder中自带一个参数，可以获取当前容器的宽高。

Widget build(BuildContext context) {
  const iconSize = 50;
  return Scaffold(
    appBar: AppBar(title: Text('Stack with LayoutBuilder')),
    body: LayoutBuilder(
      builder: (context, constraints) =>
        Stack(
          fit: StackFit.expand,
          children: <Widget>[
            Material(color: Colors.yellowAccent),
            Positioned(
              top: 0,
              child: Icon(Icons.star, size: iconSize),
            ),
            Positioned(
              top: constraints.maxHeight - iconSize,
              left: constraints.maxWidth - iconSize,
              child: Icon(Icons.call, size: iconSize),
            ),
          ],
        ),
    ),
  );
}

在这里插入图片描述

Expand

Expand 常用于需要按照一定比例占满某些区域。比如两栏，三栏布局，其中px值是可以这样用的.（flex可以作为px的值进行设置）

Row(
  children: <Widget>[
    Expanded(
      child: Container(
        decoration: const BoxDecoration(color: Colors.red),
      ),
      flex: 300,
    ),
    Expanded(
      child: Container(
        decoration: const BoxDecoration(color: Colors.green),
      ),
      flex: 200,
    ),
    Expanded(
      child: Container(
        decoration: const BoxDecoration(color: Colors.blue),
      ),
      flex: 100,
    ),
  ],
),

在这里插入图片描述

Container

Container是最为常用的容器，它拥有多种属性。

Container 单纯作为一个容器

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Container as a layout')),
    body: Container(
      color: Colors.yellowAccent,
      child: Text("Hi"),
    ),
  );
}

在这里插入图片描述

Container 撑满整个可用区域

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Container as a layout')),
    body: Container(
      height: double.infinity,
      width: double.infinity,
      color: Colors.yellowAccent,
      child: Text("Hi"),
    ),
  );
}

在这里插入图片描述

Container 作为一个 decoration 装饰容器。颜色通过 BoxDecoration 属性去定义。
一个好的写法是：decoration 属性放在 child 之前, foregroundDecoration 属性放在 child之前

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Container.foregroundDecoration')),
    body: Container(
      height: double.infinity,
      width: double.infinity,
      decoration: BoxDecoration(color: Colors.yellowAccent),
      foregroundDecoration: BoxDecoration(color: Colors.red.withOpacity(0.5)),
      child: Text("Hi"),
    ),
  );
}

在这里插入图片描述

Container 有一个属性：transform，可以直接控制容器转换，而不必使用 Tansform 组件

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Container.transform')),
    body: Container(
      height: 300,
      width: 300,
      transform: Matrix4.rotationZ(pi / 4),
      decoration: BoxDecoration(color: Colors.yellowAccent),
      child: Text(
        "Hi",
        textAlign: TextAlign.center,
      ),
    ),
  );
}

在这里插入图片描述

Container将一张图片设置为背景

Scaffold(
  appBar: AppBar(title: Text('image: DecorationImage')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        color: Colors.yellow,
        image: DecorationImage(
          fit: BoxFit.fitWidth,
          image: NetworkImage(
            'https://flutter.io/images/catalog-widget-placeholder.png',
          ),
        ),
      ),
    ),
  ),
);

在这里插入图片描述

Container 添加边框

Scaffold(
  appBar: AppBar(title: Text('border: Border')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        color: Colors.yellow,
        border: Border.all(color: Colors.black, width: 3),
      ),
    ),
  ),
);

在这里插入图片描述

Container 添加圆角边框

Scaffold(
  appBar: AppBar(title: Text('borderRadius: BorderRadius')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        color: Colors.yellow,
        border: Border.all(color: Colors.black, width: 3),
        borderRadius: BorderRadius.all(Radius.circular(18)),
      ),
    ),
  ),
);

在这里插入图片描述

Container 设置圆形： shape: BoxShape

Scaffold(
  appBar: AppBar(title: Text('shape: BoxShape')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        color: Colors.yellow,
        shape: BoxShape.circle,
      ),
    ),
  ),
);

在这里插入图片描述

Container 添加阴影 ：boxShadow: List<BoxShadow>

Scaffold(
  appBar: AppBar(title: Text('boxShadow: List<BoxShadow>')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        color: Colors.yellow,
        boxShadow: const [
          BoxShadow(blurRadius: 10),
        ],
      ),
    ),
  ),
);

在这里插入图片描述

Container 添加渐变 ：boxShadow: List<BoxShadow>
渐变有3种 LinearGradient(线性渐变), RadialGradient（曲线渐变）, SweepGradient （？）.

Scaffold(
  appBar: AppBar(title: Text('gradient: LinearGradient')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: const [
            Colors.red,
            Colors.blue,
          ],
        ),
      ),
    ),
  ),
);

在这里插入图片描述

Scaffold(
  appBar: AppBar(title: Text('gradient: RadialGradient')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        gradient: RadialGradient(
          colors: const [Colors.yellow, Colors.blue],
          stops: const [0.4, 1.0],
        ),
      ),
    ),
  ),
);

在这里插入图片描述

Scaffold(
  appBar: AppBar(title: Text('gradient: SweepGradient')),
  body: Center(
    child: Container(
      height: 200,
      width: 200,
      decoration: BoxDecoration(
        gradient: SweepGradient(
          colors: const [
            Colors.blue,
            Colors.green,
            Colors.yellow,
            Colors.red,
            Colors.blue,
          ],
          stops: const [0.0, 0.25, 0.5, 0.75, 1.0],
        ),
      ),
    ),
  ),
);

在这里插入图片描述

SizeBox (布局重点)

当几个小组件之间需要 Padding 边距，Margin间隔 时，使用Sizebox可以高效复用布局.

Column(
  children: <Widget>[
    Icon(Icons.star, size: 50),
    const SizedBox(height: 100),
    Icon(Icons.star, size: 50),
    Icon(Icons.star, size: 50),
  ],
),

在这里插入图片描述

SizeBox 控制一个元素 显示/隐藏

Widget build(BuildContext context) {
  bool isVisible = true;
  return Scaffold(
    appBar: AppBar(
      title: Text('isVisible = $isVisible'),
    ),
    body: isVisible 
      ? Icon(Icons.star, size: 150) 
      : const SizedBox(),
  );
}

在这里插入图片描述

SafeArea

SafeArea 用于控制设备顶部的工具栏。包裹整个容器即可。

Widget build(BuildContext context) {
  return Material(
    color: Colors.blue,
    child: SafeArea(
      child: SizedBox.expand(
        child: Card(color: Colors.yellowAccent),
      ),
    ),
  );
}

在这里插入图片描述

Offstage 控制元素的显示和隐藏

bool _value = false;
Offstage(
    offstage: _value,
    child: Image.asset("order/ic_check", width: 16.0, height: 16.0)),
参考资料

api.flutter.dev 英文文档

flutter 中文文档

ifredom_
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter 完全手册
sybh的博客
11-24 1002
从开发到底层原理，手把手带你入门进阶 Flutter Flutter 作为一个跨平台的框架，其开发技术栈融合了 Native 和前端的技术，不仅涉及到了 Native（Android、iOS ）的开发知识，又吸取了很多前端（例如 React）的技术理念和框架，并且在此基础上又有提升，形成 Flutter 自己独特的技术思维。 为此，在本小册里，即会讲 Flutter 里有关 Native 的开发知识，也会讲到前端的开发知识，最重要的是讲解 Flutter 自己独特的技术思维。只有掌握 Flutter 的技
Flutter开发手册
timtian008的博客
07-29 1515
命名规范 • 文件名：一律为小写加下换线 • 文件夹名：通常是小写单词，小驼峰法使用较少，不推荐使用下划线连接法 • 类名：首字母大写，驼峰式，后续每个单词首字母大写，建议为文件名的大驼峰写法 • 方法名：首字母小写，驼峰式，后续每个单词首字母大写 • 变量名：首字母小写，驼峰式，后续每个单词首字母大写，const可以使用大写+下划线的方式 代码规范 • if else的大括号，尽可能不省略，提高可读性 • 省略new关键字 • 定义方法入参使用@required和assert来提高可读性 • 定义工具函数
Flutter 完全手册.rar
12-19
Flutter 完全手册,完整版教程,
Flutter不常用组件----IntrinsicHeight，IntrinsicWidth
最新发布
曹世鑫的杂谈
05-13 318
Flutter不常用组件----IntrinsicHeight
Flutter 完全手册.zip
06-26
flutter 跨平台开发，精华版文档，比官方文档更牛逼
Flutter 中文手册.zip
03-25
Flutter中文手册
flutter-embedded-linux:Flutter的嵌入式Linux嵌入式
03-12
Flutter的嵌入式Linux嵌入式 创建该项目是为了开发的非官方嵌入式Linux嵌入。 该嵌入程序着重于嵌入式Linux系统用例。 它还基于Windows的Flutter桌面实现，并且具有一些独特的功能可在嵌入式系统中使用。 目的与...
flutter中使用基于flutter-sound的flutter-sound-record录音
01-20
本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-record`库进行录音操作。 `flutter-sound`是一个强大的库，它为Flutter提供了音频播放、录制以及处理的功能。`flutter-sound-record`则是`...
Best-Flutter-UI-Templates：对所有人完全免费。 内置的Flutter Dart
02-17
【标题】"Best-Flutter-UI-Templates" 是一个开源项目，它提供了各种高质量的 Flutter 用户界面（UI）模板，这些模板对所有开发者都是免费的。这个项目的主要目的是帮助开发者快速构建美观、跨平台的应用程序，同时...
flutter-pi：适用于Raspberry Pi的轻量级Flutter引擎嵌入器，无需X即可运行
02-05
Flutter-pi是一个创新项目，专为树莓派（Raspberry Pi）设计，它提供了一个轻量级的Flutter引擎嵌入器，使得在树莓派上直接运行Flutter应用程序成为可能，而无需依赖X Window System（X11）。这个项目对开发者来说是...
flutter-master_flutter_flutter-master_
09-29
Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。
flutter开发者帮助APP包含flutter常用130组件的中文文档与demo演示
08-07
flutter 开发者帮助 APP，包含 flutter 常用 130 组件的中文文档与 demo 演示
Flutter完整开发实战详解 PDF
09-29
Flutter完整开发实战详解 前⾔ ⼀、Dart语⾔和Flutter基础 ⼆、 快速开发实战篇 三、 打包与填坑篇 四、 Redux、主题、国际化 五、 深⼊探索 六、 深⼊Widget原理 七、 深⼊布局原理 ⼋、 实⽤技巧与填坑
Flutter 开发手册
qq_27494201的博客
07-28 1515
文章目录1、一步一步教你安装Flutter2、社区、Flutter国内镜像3、将Flutter或Dart的JSON数据自动生成模型类4、图标库（Icon） 1、一步一步教你安装Flutter 1.1丶 下载Flutter（SDK） https://flutter.dev/docs/development/tools/sdk/releases#windows 1.2丶 配置环境变量 【1】 Name：ANDROID_HOME Key：D:\program\Android\SDK\AndroidSDK 【2
给Android工程师的Flutter入门手册（一）
Android23333的博客
02-14 509
这是笔者作为一个Android工程师入门Flutter的学习笔记，笔者不想通过一种循规蹈矩的方式来学习：先学Dart语言，然后学习Flutter的基本使用，再到实践应用这样的步骤。这样的方式有点无趣且效率较低。 笔者觉得对于已经有Android基础的来说，通过类比Android的方式来学习Flutter，掌握核心基础概念后，直接开发实践应用，在这个过程中去学习其中的知识比如Dart语法、深入的知识点。这是笔者的一次学习尝试，并将其记录下来：
Flutter开发者必备手册 Flutter Go
weixin_33795806的博客
01-12 1966
前言 flutter 开发者帮助 APP，包含 flutter 常用 130+ 组件的中文文档与 demo 演示 项目地址：github.com/alibaba/flu… Flutter Go 帮助开发者快速上手 Flutter 内部测试中，1.0 正式版将于 2月 20日 发布。 Release安装包下载地址 android下载地址: iphone下载地址: 暂无 背景 Flutte...
Flutter 布局（二）- Padding、Align、Center详解
weixin_33726313的博客
06-10 173
本文主要介绍Flutter布局中的Padding、Align以及Center控件，详细介绍了其布举行为以及使用场景，并对源码进行了分析。 1. Padding A widget that insets its child by the given padding. 1.1 简介 Padding在Flutter中用的也挺多的，作为一个基础的控件，功能非常单一，给子节点设置padding属性。...
flutter 必备
晴天有何特别
04-24 241
**1. pubspec.yaml常用组件配置** ```javascript cupertino_icons: ^0.1.2 #图标库 flutter_swiper: ^1.0.6 #轮播 dio: ^2.0.7 # 网络请求 url_launcher: ^5.0.1 #允许您打开移动平台上的默认浏览器来显示给定的URL fultter_screenutil: ^5.0.1 #屏幕适配 flutter_easyrefresh: ^1.2.7 #上拉加载下拉刷新 provi
10 个 Flutter 组件推荐 - 2
会煮咖啡的猫咪
05-14 473
今天，我们再次推荐 package。我们主要处理用户界面和图标包，所以… 让我们去和愉快的阅读！ 原文 https://tomicriedel.medium.com/10-flutter-tips-part4-10-season-2-260e23214e3f 正文 swipe_to https://pub.dev/packages/swipe_to 如果你想给任何小工具添加简单的滑动手势，滑动到是一个很好的软件包。这个软件包的优点是用户不必点击动作，但是当滑动时动作会立即执行。 这里有一个例子可以更好.
best-flutter-ui-templates
08-06
best-flutter-ui-templates 是一个提供优质 Flutter UI 模板的资源库。在 Flutter 开发中，UI 模板是为了加快开发速度，提供了预先设计好的组件和样式，使得开发者可以更轻松地创建美观的用户界面。 best-flutter-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值