主页 / 问题 / 1233799
Accepted
Korpag
Asked:2022-01-20 16:47:10 +0000 UTC2022-01-20 16:47:10 +0000 UTC

在 FlipCard 中洗牌

  • 772

FlipCard 出售了许多卡片（150 张）。所以你需要确保当你启动应用程序时，它们总是随机打乱的。

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

class Lessons extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(title: Text('Lessons')),
  body: Container(
    child: ListView(
      children: [
        Container(
          height: 100.0,
          width: 100.0,
          child: FlipCard(
            direction: FlipDirection.HORIZONTAL, // default
            front: Container(
              decoration: BoxDecoration(color: Colors.red),
              child: Text('Front'),
            ),
            back: Container(
              decoration: BoxDecoration(color: Colors.yellow),
              child: Text('Back'),
            ),
          ),
        ),
        Container(
          height: 100.0,
          width: 100.0,
          child: FlipCard(
            direction: FlipDirection.HORIZONTAL, // default
            front: Container(
              decoration: BoxDecoration(color: Colors.red),
              child: Text('Front'),
            ),
            back: Container(
              decoration: BoxDecoration(color: Colors.yellow),
              child: Text('Back'),
            ),
          ),
        ),
        Container(
          height: 100.0,
          width: 100.0,
          child: FlipCard(
            direction: FlipDirection.HORIZONTAL, // default
            front: Container(
              decoration: BoxDecoration(color: Colors.red),
              child: Text('Front'),
            ),
            back: Container(
              decoration: BoxDecoration(color: Colors.yellow),
              child: Text('Back'),
            ),
          ),
        ),
        Container(
          height: 100.0,
          width: 100.0,
          child: FlipCard(
            direction: FlipDirection.HORIZONTAL, // default
            front: Container(
              decoration: BoxDecoration(color: Colors.red),
              child: Text('Front'),
            ),
            back: Container(
              decoration: BoxDecoration(color: Colors.yellow),
              child: Text('Back'),
            ),
          ),
        ),
      ],
    ),
  ),
);
}
}

示例代码，我重复一遍，您需要确保 Container 始终处于随机顺序。

我知道我需要通过 shuffle 做一些事情，但没有成功。

случайные-числа

1 个回答

  1. Best Answer
    import 'package:flutter/material.dart';
import 'package:flip_card/flip_card.dart';

class Lessons extends StatelessWidget {
  final cards = [
    Container(
      height: 100.0,
      width: 100.0,
      child: FlipCard(
        direction: FlipDirection.HORIZONTAL, // default
        front: Container(
          decoration: BoxDecoration(color: Colors.red),
          child: Text('Front'),
        ),
        back: Container(
          decoration: BoxDecoration(color: Colors.yellow),
          child: Text('Back'),
        ),
      ),
    ),
    Container(
      height: 100.0,
      width: 100.0,
      child: FlipCard(
        direction: FlipDirection.HORIZONTAL, // default
        front: Container(
          decoration: BoxDecoration(color: Colors.red),
          child: Text('Front'),
        ),
        back: Container(
          decoration: BoxDecoration(color: Colors.yellow),
          child: Text('Back'),
        ),
      ),
    ),
    Container(
      height: 100.0,
      width: 100.0,
      child: FlipCard(
        direction: FlipDirection.HORIZONTAL, // default
        front: Container(
          decoration: BoxDecoration(color: Colors.red),
          child: Text('Front'),
        ),
        back: Container(
          decoration: BoxDecoration(color: Colors.yellow),
          child: Text('Back'),
        ),
      ),
    ),
    Container(
      height: 100.0,
      width: 100.0,
      child: FlipCard(
        direction: FlipDirection.HORIZONTAL, // default
        front: Container(
          decoration: BoxDecoration(color: Colors.red),
          child: Text('Front'),
        ),
        back: Container(
          decoration: BoxDecoration(color: Colors.yellow),
          child: Text('Back'),
        ),
      ),
    ),
  ]..shuffle();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Lessons')),
      body: Container(
        child: ListView(children: cards),
      ),
    );
  }
}
    • 2

相关问题