interactive_viewer.constrained.0.dart 1.8 KB
Newer Older
1 2 3 4
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5
/// Flutter code sample for [InteractiveViewer.constrained].
6 7 8 9 10 11

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
12
  const MyApp({super.key});
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const MyStatelessWidget(),
      ),
    );
  }
}

class MyStatelessWidget extends StatelessWidget {
29
  const MyStatelessWidget({super.key});
30 31 32

  @override
  Widget build(BuildContext context) {
33 34
    const int rowCount = 48;
    const int columnCount = 6;
35 36

    return InteractiveViewer(
37
      panAxis: PanAxis.aligned,
38 39 40 41
      constrained: false,
      scaleEnabled: false,
      child: Table(
        columnWidths: <int, TableColumnWidth>{
42
          for (int column = 0; column < columnCount; column += 1)
43 44 45
            column: const FixedColumnWidth(200.0),
        },
        children: <TableRow>[
46
          for (int row = 0; row < rowCount; row += 1)
47 48
            TableRow(
              children: <Widget>[
49
                for (int column = 0; column < columnCount; column += 1)
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
                  Container(
                    height: 26,
                    color: row % 2 + column % 2 == 1
                        ? Colors.white
                        : Colors.grey.withOpacity(0.1),
                    child: Align(
                      alignment: Alignment.centerLeft,
                      child: Text('$row x $column'),
                    ),
                  ),
              ],
            ),
        ],
      ),
    );
  }
}