我可以堆叠容器并形成可丢弃的小部件吗?

时间:2019-10-08 11:24:28

标签: flutter dart

当前,可禁用的窗口小部件包含具有红色容器的color属性。当我滑动主容器时,它在右下角的边缘给了容器一个怪异的过渡,如下所示。

我认为剪切不会起作用,因为我希望在使用正确的滑动时红色背景位于主容器的后面。我不希望它从右侧扩展其width属性。抱歉,这没有什么意义。我只是不希望红色容器的过渡看起来像方形。我不知道该怎么解决。

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<Text> textItems = [
    Text('Go to the gym'),
    Text('Do laundy'),
    Text('Buy stuff'),
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
            padding: EdgeInsets.only(top: 7.5),
            physics:
                AlwaysScrollableScrollPhysics(parent: BouncingScrollPhysics()),
            itemCount: textItems.length,
            itemBuilder: (context, index) {
              return Dismissible(
                key: Key(textItems[index].toString()),
                background: Container(
                  color: Colors.red,
                ),
                child: Container(
                  decoration: BoxDecoration(
                    color: Colors.lightBlue.shade100,
                    borderRadius: BorderRadius.all(const Radius.circular(50)),
                  ),
                  child: Center(
                    child: Padding(
                      padding: EdgeInsets.all(20),
                      child: textItems[index],
                    ),
                  ),
                ),
              );
            }),
      ),
    );
  }
}

以下是视频链接:https://imgur.com/a/pm6cz2u

0 个答案:

没有答案