颤动: 如何制作随机颜色生成器背景

您可以使用 Random类来实现这一点:

但是，如果你想改变按钮时按下的颜色，你必须使用 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],
),
);
}
}

此外，还有一个由 Pawankumar命名的 随机 _ pk软件包，它会在每次调用应用程序的构建方法时为我们提供随机颜色。

这将在每次调用应用程序的构建方法时为按钮生成不同的颜色

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


void main() => runApp(new MyApp());


class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return new MaterialApp(
title: "Raised Button",
theme: new ThemeData(
primarySwatch: Colors.teal,
),
home: new HomePage());
}
}


class HomePage extends StatefulWidget {
@override
HomePageState createState() => new HomePageState();
}


class HomePageState extends State<HomePage> {
//contains the colours for the circle Avatars
final List<Color> circleColors = [Colors.red, Colors.blue, Colors.green];


Color randomGenerator() {
return circleColors[new Random().nextInt(2)];
}


@override
Widget build(BuildContext context) {
return Center(
child: RaisedButton(
onPressed: () => {},
child: Text('Click'),
color: randomGenerator(),
),
);
}
}

这是我得到随机颜色的方法:

Color((math.Random().nextDouble() * 0xFFFFFF).toInt()).withOpacity(1.0)

注:
这种进口是必需的。

import 'dart:math' as math;

另一种获得大量颜色的方法是使用 Random类和 Color.fromARGB或 Color.fromRGBO:

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


void main() {
runApp(MaterialApp(home: MyPage()));
}


class MyPage extends StatefulWidget {
@override
_MyPageState createState() => new _MyPageState();
}


class _MyPageState extends State<MyPage> {
final Random _random = Random();


Color _color = Color(0xFFFFFFFF);


void changeColor() {
setState(() {
_color = Color.fromARGB(
//or with fromRGBO with fourth arg as _random.nextDouble(),
_random.nextInt(256),
_random.nextInt(256),
_random.nextInt(256),
_random.nextInt(256),
);
});
}


@override
Widget build(BuildContext context) {
return Scaffold(
body: InkWell(
onTap: changeColor,
child: Container(
color: _color,
),
),
);
}
}

如果你使用 Color.fromRGBO:

第四个参数应该在 0.0到 1.0之间，幸运的是我们有 _random.nextDouble()，它给出了 0.0到 1.0之间的随机值。

顺便说一句:

• 红色
• 蓝色
• 绿色
• O -不透明度
• A -Alpha