2
`List<Widget> _dataList = [
    DataCard(
      start: 0,
      end: 6,
    ),
    DataCard(
      start: 2,
      end: 8,
    ),
    DataCard(
      start: 4,
      end: 20,
    )
  ];`

dataCard基本的に、開始値と終了値を表示するウィジェットGestureDetectorを含むウィジェットを返します。Card

私ができるようにしたいのは、ウィジェットを画面に表示した後に start / end の値を変更することです。dataCardリスト内のプロパティにアクセスするにはどうすればよいですか?

これは DataCard クラスです。

class DataCard extends StatelessWidget {
  DataCard({this.start, this.end, this.key});
  final int start;
  final int end;
  final Key key;
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        print(key);
      },
      child: Card(
        key: key,
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: Column(
            children: <Widget>[
              Text(
                'Start: $start',
                style: TextStyle(
                  fontSize: 40,
                ),
              ),
              Text(
                'End: $end',
                style: TextStyle(
                  fontSize: 40,
                ),
              ),
            ],
          ),
        ),
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(10),
        ),
      ),
    );
  }
}

視覚化するには: ここに画像の説明を入力


たとえばDataCard、フローティング アクション ボタンをクリックしたときに、2 番目のウィジェットの開始値と終了値のみを変更したいと考えています。それを行う方法はありますか?ありがとうございました!

最終的な目標は、ユーザーがリストに を追加できるようにすることDataCardです。ここで、開始値と終了値もユーザーによって決定されます。その後、DataCardユーザーの介入なしに の値を調整します。

4

1 に答える 1