Flutter 是否可以使 IOS 搜索栏 ui ？如何？

Question

我想制作一个 IOS ui 的搜索栏，但我发现的都是常规的 ui 如果有人知道我该怎么做那就太好了

示例：

Answer 1

您可以使用 flutter cupertino 库并在 flutter 中进行相同的 Swiftful IOS 样式搜索 UI 查看此 documentation 了解更多信息

下面是有关如何在您的应用中使用它的代码，

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

  @override
  State<MyPrefilledSearch> createState() => _MyPrefilledSearchState();
}

class _MyPrefilledSearchState extends State<MyPrefilledSearch> {
  late TextEditingController _textController;

  @override
  void initState() {
    super.initState();
    _textController = TextEditingController(text: 'initial text');
  }

  @override
  Widget build(BuildContext context) {
    return CupertinoSearchTextField(controller: _textController);
  }
}

然后像这样使用它

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

  @override
  State<MyPrefilledSearch> createState() => _MyPrefilledSearchState();
}

class _MyPrefilledSearchState extends State<MyPrefilledSearch> {
  @override
  Widget build(BuildContext context) {
    return CupertinoSearchTextField(
      onChanged: (String value) {
        print('The text has changed to: $value');
      },
      onSubmitted: (String value) {
        print('Submitted text: $value');
      },
    );
  }
}

Flutter 是否可以使 IOS 搜索栏 ui ？如何？

Flutter does it possible to make IOS search bar ui ? and how?

uisearchbar

ios-ui-automation

flutter