Flutter 大显身手：上架 Apple Store，媲美 macOS 神器 Alfred！

2023-05-08 21:31:58

Flutter 征服跨平台开发巅峰，解锁更多可能

再造经典：Flutter 打造媲美 Alfred 的应用

Flutter 作为谷歌推出的一款跨平台开发框架，以其高效、简洁、跨平台的特性备受开发者青睐。近期，Flutter 3.7 版本闪亮登场，功能性与适用范围再度扩展。此次更新的亮点之一便是基于 Flutter 3.7 开发的一款应用，为 macOS 用户带来与知名应用 Alfred 媲美的体验。这款应用完美复刻了 Alfred 的 Web 搜索功能，助你快速访问和搜索海量信息，显著提升工作效率。

强势登陆 Apple Store：Flutter 应用再添新成员

这款 Flutter 应用不仅功能强大，还成功上架 Apple Store，标志着 Flutter 在跨平台开发领域迈出重要一步。此举对 Flutter 意义重大，意味着 Flutter 正在成为移动开发领域不可或缺的一员。

Flutter 应用优势：高效、便捷、跨平台

Flutter 应用的优势主要体现在以下三个方面：

高效： Flutter 应用以其闪电般的速度和流畅的性能而著称。
便捷： Flutter 应用的易用性和直观性，使其成为开发者的首选。
跨平台： Flutter 应用可在 iOS、Android 和 Web 等多个平台上运行，无需为每个平台进行单独开发。

应用场景广泛：满足不同用户需求

这款 Flutter 应用的应用场景十分广泛，可以帮助用户：

快速搜索信息： 通过 Web 搜索功能，用户可轻松搜索各类信息，包括网页、图片、视频等。
高效完成任务： 应用提供丰富的工具和功能，助你高效完成待办事项管理、备忘录记录、日程安排等任务。
便捷访问常用应用： 应用可快速访问常用应用，无需在多个应用间切换，显著提升工作效率。

代码示例

import 'package:flutter/material.dart';
import 'package:flutter_search_bar/flutter_search_bar.dart';
import 'package:http/http.dart' as http;

class SearchBarPage extends StatefulWidget {
  @override
  _SearchBarPageState createState() => _SearchBarPageState();
}

class _SearchBarPageState extends State<SearchBarPage> {
  late SearchBar searchBar;
  final List<String> _suggestList = [
    'Google',
    'Facebook',
    'Twitter',
  ];
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

  AppBar buildAppBar(BuildContext context) {
    return AppBar(
      title: Text('Search Bar'),
      actions: [
        searchBar.getSearchAction(context),
      ],
    );
  }

  _SearchBarPageState() {
    searchBar = SearchBar(
      inBar: false,
      buildDefaultAppBar: buildAppBar,
      onSubmitted: (value) {
        _scaffoldKey.currentState.showSnackBar(SnackBar(
          content: Text('You searched for $value'),
        ));
      },
      onCleared: () {
        print('cleared');
      },
      onClosed: () {
        print('closed');
      },
      setState: setState,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      appBar: searchBar.build(context),
      body: ListView.builder(
        itemCount: _suggestList.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(_suggestList[index]),
          );
        },
      ),
    );
  }
}