Flutter基础—绘画效果之不透明度

前端之家收集整理的这篇文章主要介绍了Flutter基础—绘画效果之不透明度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Opacity控件能调整子控件的不透明度,使子控件部分透明,不透明度的量从0.0到1.1之间,0.0表示完全透明,1.1表示完全不透明。

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('不透明度'),),body: new Center(
        child: new Opacity(
          opacity: 0.1,child: new Container(
            width: 250.0,height: 100.0,decoration: new BoxDecoration(
              backgroundColor: const Color(0xff000000),);
  }
}
void main() {
  runApp(
    new MaterialApp(
      title: 'Flutter教程',home: new LayoutDemo(),);
}

这里写图片描述

猜你在找的Flutter相关文章