Flutter分享追踪插件share_tracker的使用

Flutter分享追踪插件share_tracker的使用

Share Tracker 插件允许你在 Flutter 应用程序的前台服务中跟踪设备移动、位置和其他相关信息。本示例展示了如何集成和使用 Share Tracker 插件来在简单的 Flutter 应用程序中显示位置和移动数据。

概览

通过本示例，你可以了解如何将 Share Tracker 插件集成到你的 Flutter 应用程序中，并展示如何获取和显示位置及运动数据。

要求

环境配置

• Flutter: 确保你已经安装并设置好了 Flutter 开发环境。
• 包依赖: 在 pubspec.yaml 文件中添加 Share Tracker 包依赖。

dependencies:
  flutter:
    sdk: flutter
  share_tracker: ^1.0.0 # 替换为最新版本

iOS 配置

• 权限声明: 在 Info.plist 文件中添加 NSMotionUsageDescription 键，以授予应用程序访问运动数据的权限。

使用步骤

1. 初始化追踪服务

void main() {
  TrackerService.instance.init();
  runApp(const ExampleApp());
}

2. 创建主应用组件

class ExampleApp extends StatelessWidget {
  const ExampleApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MainPage(),
    );
  }
}

3. 创建主页面组件

class MainPage extends StatefulWidget {
  const MainPage({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  final _controller = TrackerController();

  @override
  void initState() {
    super.initState();
    _controller.attach(this);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: _buildAppBar(),
      body: _buildContent(),
    );
  }

  AppBar _buildAppBar() {
    return AppBar(
      title: const Text('位置服务'),
      centerTitle: true,
    );
  }

  Widget _buildContent() {
    return Center(
      child: SingleChildScrollView(
        child: ValueListenableBuilder(
          valueListenable: _controller.listenable,
          builder: (BuildContext context, Tracker? location, _) {
            return _buildResultTable(location);
          },
        ),
      ),
    );
  }

  Widget _buildResultTable(Tracker? tracker) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        DataTable(
          columns: const [
            DataColumn(label: Text('键')),
            DataColumn(label: Text('值')),
          ],
          rows: [
            DataRow(cells: _buildDataCells('时间戳', tracker?.position?.timestamp)),
            DataRow(cells: _buildDataCells('步数', tracker?.stepCount?.steps)),
            DataRow(cells: _buildDataCells('状态', tracker?.status)),
            DataRow(cells: _buildDataCells('纬度', tracker?.position?.latitude)),
            DataRow(cells: _buildDataCells('经度', tracker?.position?.longitude)),
            DataRow(cells: _buildDataCells('海拔', tracker?.position?.altitude)),
            DataRow(cells: _buildDataCells(
              '速度',
              tracker?.position?.speed != null ? (tracker.position!.speed * 3.6) : 0
            )),
            DataRow(cells: _buildDataCells('发送时间', tracker?.sendTime)),
          ],
        )
      ],
    );
  }

  List<DataCell> _buildDataCells(String key, dynamic value) {
    return [
      DataCell(Text(key)),
      DataCell(Text(value.toString())),
    ];
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

4. 添加消息监听器以更新位置数据

class TrackerController {
  final listenable = ValueNotifier<Tracker?>(null);

  void attach(State state) {
    TrackerService.instance.addTrackerListener((Tracker? tracker) {
      listenable.value = tracker;
    });
  }

  void dispose() {
    TrackerService.instance.removeTrackerListener();
  }
}