Flutter：如何制作随机颜色生成器背景

Z时代
2024-01-10
分类：问答

产生随机颜色

return new RaisedButton(
    padding:  EdgeInsets.symmetric(vertical: 30.0),
    color: Colors.primaries random  List <blue,green>,

回答：

您可以使用Randomclass来做到这一点：

但是，如果要在按下按钮时更改颜色，则必须使用StatefulWidget。一个简单的例子如下：

import 'package:flutter/material.dart';
import 'dart:math';
void main() {
  runApp(
    MaterialApp(
      home: MyApp(),
    ),
  );
}
class MyApp extends StatefulWidget {
  _MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
  List colors = [Colors.red, Colors.green, Colors.yellow];
  Random random = new Random();
  int index = 0;
  void changeIndex() {
    setState(() => index = random.nextInt(3));
  }
  @override
  Widget build(BuildContext context) {
    return Center(
      child: RaisedButton(
        onPressed: () => changeIndex(),
        child: Text('Click'),
        color: colors[index],
      ),
    );
  }
}