是否可以在不将其包裹在容器中的情况下为 Scaffold 背景赋予渐变颜色？

如何解决是否可以在不将其包裹在容器中的情况下为 Scaffold 背景赋予渐变颜色？

我们可以在不将其包裹在容器中的情况下为 Scaffold 提供渐变背景吗？

Widget build(BuildContext context) {
return Scaffold(

  //-----------------------------------
  //main background
  backgroundColor: Colors.blue[400],body: PageView.builder(
    controller: pageController,onPageChanged: (val) {
      setState(() {
        currentIndex = val;
      });

解决方法

不，Scaffold 的背景属性只接受一个 Color。如果要显示颜色渐变，我认为根据定义应该将其视为 Scaffold 的 body 的一部分。 ;-)

但这真的很容易做到，例如使用 this tutorial。

,

我们可以创建一个自定义的 Scaffold 类来完成它：

class CustomScaffold extends StatelessWidget {
  CustomScaffold(this.body,this.gradient); // and maybe other Scaffold properties

  final Widget body;
  final LineGradient gradient;

  @override
  Widget build(BuildContext context) {
      return Scaffold(
         body: Container(child: this.body,decoration: BoxDecoration(gradient: this.gradient)),);
  }
}

并像这样使用它：

Widget build(BuildContext context) {
   LinearGradient _gradient = LinearGradient(colors: [gradientStart,gradientEnd],begin: const FractionalOffset(0.5,0.0),end: const FractionalOffset(0.0,0.5),stops: [0.0,1.0],tileMode: TileMode.clamp
   );
   return CustomScaffold(
     gradient: _gradient,body: PageView.builder(
       controller: pageController,onPageChanged: (val) {
               setState(() {
                 currentIndex = val;
               });
            },),);
}