首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >颤振:我如何制作一个随机的颜色生成器背景

颤振:我如何制作一个随机的颜色生成器背景
EN

Stack Overflow用户
提问于 2018-07-14 14:56:05
回答 14查看 75.3K关注 0票数 75

生成随机颜色

代码语言:javascript
复制
return new RaisedButton(


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

回答 14

Stack Overflow用户

回答已采纳

发布于 2018-07-14 16:11:22

您可以使用Random类这样做:

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

代码语言:javascript
复制
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],
      ),
    );
  }
}

此外,还有一个名为主键[医]爪包,每次调用应用程序的构建方法时,都会给我们提供随机颜色。

票数 37
EN

Stack Overflow用户

发布于 2018-10-04 03:28:40

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

代码语言:javascript
复制
Color((math.Random().nextDouble() * 0xFFFFFF).toInt()).withOpacity(1.0)

注:

这个进口是必需的。

代码语言:javascript
复制
import 'dart:math' as math;
票数 174
EN

Stack Overflow用户

发布于 2019-07-15 07:12:59

颜色类中有一个内置的材料颜色列表.你可以像下面这样使用它

代码语言:javascript
复制
var generatedColor = Random().nextInt(Colors.primaries.length)
Colors.primaries[generatedColor]

示例

代码语言:javascript
复制
import 'dart:math';

Icon(
    Icons.account_circle,
    size: 40,
    color: Colors.primaries[Random().nextInt(Colors.primaries.length)],
)

以上是最简单和最快的方式,使您的名单的颜色随机。你不需要保留一个颜色列表。

票数 75
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51340588

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档