如何在Flutter中使用线性渐变颜色作为导航栏背景

Question

如何在Flutter中使用线性渐变颜色作为导航栏背景

我的代码

NavigationRail(
              elevation: 15,
              selectedIndex: _selectedIndex,
              onDestinationSelected: (int index) {
                if (_selectedIndex > index) {
                  newProductModel.changeIndex(index);
                } else {
                  err(context, 'باید به ترتیب مراحل را انجام دهید');
                }
              },
              labelType: NavigationRailLabelType.selected,
              backgroundColor: Colors.blue.withOpacity(0.5),
              destinations: [
                NavigationRailDestination(
                  icon: Icon(MdiIcons.variable),
                  selectedIcon: Icon(Icons.format_list_bulleted),
                  label: Text(
                    'اطلاعات کلی',
                    style: style,
                  ),
                ),
                NavigationRailDestination(
                  icon: Icon(Icons.bookmark_border),
                  selectedIcon: Icon(Icons.book),
                  label: Text(''),
                ),
                NavigationRailDestination(
                  icon: Icon(Icons.star_border),
                  selectedIcon: Icon(Icons.star),
                  label: Text(''),
                ),

我需要使用“线性渐变”更改背景颜色

Answer 1

我认为您可以用容器包装小部件并为其提供线性渐变。