Flutter软件管理插件easy_software的使用

《Easy Software Package》

特性

• 表格：ScrollableTable 和 PaginatedTable 小部件允许您以自定义选项（如表头样式、行高和可编辑列）显示数据。
• 交互式地图：TiledMap 小部件提供了交互式地图，并支持自定义标记、多边形、地理围栏和折线。您可以选择Google Maps或OpenStreetMap等地图提供商。
• 图表：DonutChart 小部件允许您在交互式且可自定义的甜甜圈图中可视化数据。您可以显示与每个图表元素关联的指示器。

安装

在您的 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  easy_software: ^0.0.1

然后，在您的 Dart 文件中导入该包：

import 'package:easy_software/easy_software.dart';

使用

以下是您可以使用此包提供的小部件的一些示例：

可滚动表格

ScrollableTable(
  data: myData,
  headers: myHeaders,
  rowElementsBuilder: (item) {
    return [
      Text(item.name),
      Text(item.email),
      Text(item.phone),
    ];
  },
)

交互式地图

TiledMap(
  geoFences: myGeoFences,
  geoPolygons: myGeoPolygons,
  markers: myMarkers,
  polylines: myPolylines,
  provider: TiledMapProvider.google,
)

甜甜圈图

DonutChart(
  data: myChartData,
  showIndicators: true,
  vertical: false,
)

示例代码

以下是一个完整的示例应用，展示了如何使用 easy_software 包中的各种组件。

import 'package:easy_software/tables/config.dart';
import 'package:example/screens/charts.dart';
import 'package:example/screens/googlemap.dart';
import 'package:example/screens/login.dart';
import 'package:example/screens/tables.dart';
import 'package:flutter/material.dart';

void main() {
  // 设置PaginatedTable的配置
  PaginatedTableConfig.headerBackgroundColor = Colors.deepPurple;
  PaginatedTableConfig.headerTextStyle = const TextStyle(
    fontSize: 18,
    fontWeight: FontWeight.bold,
    color: Colors.white,
  );
  PaginatedTableConfig.rowTextStyle = const TextStyle(
    fontSize: 16,
  );
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _selectedIndex = 0;

  final List<Widget> _screens = const [
    TablesExamples(),
    GoogleMapExample(),
    LoginPageExample(),
    ChartsExample(),
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('Easy Software Example'),
      ),
      body: _screens[_selectedIndex],
      bottomNavigationBar: BottomNavigationBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        unselectedItemColor: Colors.black,
        selectedItemColor: Colors.red,
        items: const [
          BottomNavigationBarItem(
            icon: Icon(Icons.table_rows),
            label: 'Tables',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.map),
            label: 'Google Map',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.login),
            label: 'Login',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.bar_chart),
            label: 'Charts',
          ),
        ],
        currentIndex: _selectedIndex,
        onTap: (index) => setState(() => _selectedIndex = index),
      ),
    );
  }
}