不使用GestureDetector中的方法setstate更改我的容器顏色

單擊 GestureDetector 時，我將更改顏色容器，但沒有任何變化...。喜歡這張圖片：我點擊矢量男人和女人...沒有任何變化...我使用線性漸變和顏色串列請幫我解決這個問題

import 'package:flutter/material.dart';
import 'icon_content.dart';
import 'reusable_card.dart';

const BottomContainerHeight = 80.0;

List<Color> inactiveCardColoursFemale = [Color(0xFF42A5F5), Color(0xFF039BE5)];
List<Color> activeCardColoursFemale = [Color(0xFF303F9F), Color(0xFF283593)];
List<Color> inactiveCardColoursMale = [Color(0xFFFBC02D), Color(0xFFFFB300)];
List<Color> activeCardColoursMale = [Color(0xFFFF6F00), Color(0xFFE65100)];
       enum Gender {
              male,
           female,
                    }

 class InputPage extends StatefulWidget {
    const InputPage({Key? key}) : super(key: key);

     @override
     _InputPageState createState() => _InputPageState();
        }

        class _InputPageState extends State<InputPage> {
          Gender selectedGender=Gender.female;

        @override
        Widget build(BuildContext context) {
          return Scaffold(
              appBar: AppBar(
               backgroundColor: Colors.deepOrangeAccent,
           title: const Text("Iman Bmi"),
      centerTitle: true,
    ),
    body: Column(
      children: [
        Expanded(
            child: Expanded(
          child: Row(
            children: [
              Expanded(
                child: GestureDetector(
                  onTap: () {
                    setState(() {
                      selectedGender = Gender.female;
                    });
                  },
                  child: ReusableCard(
                    colour: selectedGender == Gender.female
                        ? inactiveCardColoursFemale
                        : activeCardColoursFemale,
                    cardChild: IconContent(
                      svgPicture: 'assets/2.svg',
                      label: 'women',
                    ),
                  ),
                ),
              ),
              Expanded(
                child: GestureDetector(
                  onTap: () {
                    setState(() {
                      selectedGender = Gender.male;
                    });
                  },
                  child: ReusableCard(
                      colour: selectedGender == Gender.male
                          ? activeCardColoursMale
                          : inactiveCardColoursMale,
                      cardChild: IconContent(
                        svgPicture: 'assets/3.svg',
                        label: 'men',
                      )),
                ),
              ),
            ],
          ),
        )),
        Expanded(
          child: ReusableCard(
            colour: [Colors.deepPurple, Colors.purple],
            //colour: Color(0xFF65E655),
            cardChild: Row(
              children: [],
            ),
          ),
        ),
        Expanded(
            child: Row(
          children: [
            Expanded(
              child: ReusableCard(
                colour: [Colors.teal, Colors.tealAccent],
                //colour: Color(0xFF65E655),
                cardChild: Column(
                  children: [],
                ),
              ),
            ),
            Expanded(
              child: ReusableCard(
                colour: [Colors.amber, Colors.yellow],
                //colour: Color(0xFF65E655),
                cardChild: Column(
                  children: [],
                ),
              ),
            ),
          ],
        )),
        Container(
          margin: EdgeInsets.only(top: 20.0),
          width: double.infinity,
          height: BottomContainerHeight,
          decoration: BoxDecoration(
              gradient: LinearGradient(
                  begin: Alignment.topRight,
                  end: Alignment.bottomLeft,
                  colors: [Colors.deepOrange, Colors.deepOrangeAccent]),
              borderRadius: BorderRadius.circular(10.0)),
        ),
      ],
    ));

} }

和我的 ReusableCard 類代碼：我習慣于線性漸變和顏色串列

import 'package:flutter/material.dart';

class ReusableCard extends StatelessWidget {
ReusableCard({required this.colour, required this.cardChild});

//required this.colour
final List<Color> colour;
 final Widget cardChild;

 @override
Widget build(BuildContext context) {
return Container(
  child: cardChild,
  margin: EdgeInsets.all(10.0),
  decoration: BoxDecoration(
      //color: colour,
      gradient: LinearGradient(
        begin: Alignment.topRight,
        end: Alignment.bottomLeft,
        colors: colour,
      ),
      //Color(0xFF65E655)
      borderRadius: BorderRadius.circular(10.0)),
);

} }

uj5u.com熱心網友回復：

洗掉Expanded您內部的第一個小部件Column應該可以解決您的問題。

// Change this
Column(children: [Expanded(child: Expanded(child: Row()))])

// to this
Column(children: [Expanded(child: Row())])

標籤：安卓 扑 镖 颤振布局 颤振依赖

上一篇：如何使特定資料進入串列視圖的頂部-flutter

下一篇：兩個變數具有相同的內容但顯示不同的哈希碼，串列也是如此，但它適用于int、String和doubles