Flutter CupertinoSwitch 背景颜色变化

Question

如何更改颜色，人行道显示为白色 - 当我尝试使用活动颜色而不是更改整个边框颜色时。我只想更改图像切换颜色 - 橙色和背景颜色白色。

Answer 1

虽然默认颜色是白色，因为

null 时默认为 [CupertinoColors.white]。

我们可以使用thumbColor根据活动状态分配颜色。

CupertinoSwitch(
                activeColor: Colors.white,
                thumbColor: on ? Colors.white : Colors.amber,
                trackColor: Colors.white,
                value: on,
                onChanged: (value) => setState(() {
                  on = !on;
                }),
              )

演示小部件

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';

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

  @override
  State<MyAppH> createState() => _MyAppHState();
}

class _MyAppHState extends State<MyAppH> {
  bool on = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: CupertinoSwitch(
          activeColor: Colors.white,
          thumbColor: on ? Colors.white : Colors.amber,
          trackColor: Colors.white,
          value: on,
          onChanged: (value) => setState(() {
            on = !on;
          }),
        ),
      ),
    );
  }
}