对话框不断弹出

Question

我正在使用Flutter来构建应用程序，并在第一次运行应用程序时尝试显示输入对话框。为此，我使用共享的首选项库。但是，当我打开应用程序时，无论是第一次，每次都会显示对话框。另外，当我在输入框中键入一个字母时，另一个对话框在上一封信的前面打开。我已附上以下代码：

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

  @override
  State<HomeMenu> createState() => _HomeMenuState();
 }

class _HomeMenuState extends State<HomeMenu> with TickerProviderStateMixin {
  late TabController _controller;
  TextEditingController textController = TextEditingController();

  var newLaunch;

  Future<void> showDialogIfFirstLoaded(BuildContext thisContext) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    bool _newLaunch = prefs.getBool('newLaunch') ?? true;
    newLaunch = _newLaunch;
    if (newLaunch) {
      showDialog(
        context: thisContext,
        builder: (BuildContext context) {
          return AlertDialog(
            content: TextField(
              controller: textController,
              onChanged: (value) =>
                  setState(() => name = textController.text),
            ),
            actions: <Widget>[
              TextButton(
                child: const Text('OK'),
                onPressed: () {
                  Navigator.pop(thisContext);
                  prefs.setBool(newLaunch, false);
                },
              ),
            ],
          );
        },
      );
    }
  }

  @override
  void initState() {
    super.initState();
    _controller = TabController(length: 3, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    Future.delayed(Duration.zero, () => showDialogIfFirstLoaded(context));
    return Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          controller: _controller,
          tabs: tabs,
        ),
      ),
      body: TabBarView(
        controller: _controller,
        children: [
           null
        ],
      ),
    );
  }
}

Answer 1

您正在调用在构建方法中加载的showdialogifferst，在textfiled on Change方法中，您正在调用SetState。每次调用SetState构建方法再次重建时，它都会调用每个SetState上的ShowDialogiffirst。

我不知道您的要求，但是在TextField的Onchange方法中致电SetState并不好。您可以使用 alofollow noreferrer“> alofollow noreistenablebuilder 每种char类型的文本类型

如果您只想打开一次对话框，则

，然后创建一种方法以获取它是否是第一次启动，如果是，则请致电Showdialogiffirstloaded方法。有关更多详细信息，请参见下面的代码 -

   @override
      void initState() {
        super.initState();
        _controller = TabController(length: 3, vsync: this);
        _isFirstLaunch();
      }
    
    _isFirstLaunch()async{
       final prefs = await SharedPreferences.getInstance();
       final bool? isfirstLaunch = prefs.getBool('first_launch');
       if(!isfirstLaunch ?? true){
        await prefs.setBool('first_launch', true);
        showDialogIfFirstLoaded(context);
       }

and update your build method like this -


 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          controller: _controller,
          tabs: tabs,
        ),
      ),
      body: TabBarView(
        controller: _controller,
        children: [
           null
        ],
      ),
    );
  }