0

我的应用程序有一个介绍性功能，它只是通知用户要执行的操作，问题是此帮助操作文本 ( ) 在调用该函数Container(...)时不会被删除。setState()

流程逻辑概述：

-> `User launches app` 
    |-> `login` 
    |-> `show main UI (with help action if first time launch)` 
        |-> first time launch ? show help text : don't show
             | User acknowledges help text, set in preferences

下面是飞镖片段的一些代码片段

UiHomePage（主 UI - 这是父 UI）

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

  @override
  _HomePage createState() => _HomePage();
}

class _HomePage extends State<HomePage> {

  @override
  Widget build(BuildContext context) {
    
    Widget pageDashboardUser() {
      ...
      
      // Notify UiComponentPartnerSelector if we should show help action text based on AppSharedPreferences().isFirstTap()
      Widget middleBrowseCard() {
        return new FutureBuilder(
            builder: (context, snapshot) {
              return UiComponentPartnerSelector(
                  _displayProfiles, snapshot.data);
            },
            future: AppSharedPreferences().isFirstTap());
      }

      var search = topSearch();
      var selector = middleBrowseCard();

      return Stack(
        children: [search, selector],
      );

    return Scaffold(...)
}

这个小部件显示了一堆带有基本卡片、文本覆盖和提示文本组件的配置文件。

主要焦点是showHint在构造函数中定义（如果应用程序第一次启动，则为 true），showTapTutorial()它返回提示组件或空容器，最后_onTap(Profile)处理卡片的onclick事件。

UiComponentPartnerSelector（子 UI - 此处显示帮助文本

class UiComponentPartnerSelector extends StatefulWidget {
  bool showHint;
  final List<Profile> items;

  UiComponentPartnerSelector(this.items, this.showHint, {Key key})
      : super(key: key);

  @override
  _UiComponentPartnerSelector createState() => _UiComponentPartnerSelector();
}

class _UiComponentPartnerSelector extends State<UiComponentPartnerSelector> {
  UiComponentCard _activeCard;
  int _tappedImageIndex = 0;

  Widget showTapTutorial() {
    if (!widget.showHint) {
      return Container();
    }

    return Container(
      padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 32),
      decoration: BoxDecoration(
        color: Colors.white.withOpacity(0.6),
        borderRadius: BorderRadius.all(Radius.circular(5)),
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Icon(
            Icons.touch_app,
            color: Colors.black.withOpacity(0.6),
          ),
          Text(
            "Touch to view partner profile",
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.black),
          )
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    Color _standard = Colors.white;
    //
    // _cache = widget.items.map((e) => {
    //     e.imageUri.toString(),
    //     Image.network(e.imageUri.toString())
    // });

    Future _onTap(Profile e) async {
      if (!widget.showHint) {
        Navigator.of(context)
            .push(MaterialPageRoute(builder: (context) => UiViewProfile(e)));
      } else {
        AppSharedPreferences().setFirstTap(false).then((value) {
          setState(() {
            widget.showHint = false;
          });
        });
      }
    }
    
    UiComponentCard createComponentCard(Profile e) {
        ...
        return UiComponentCard(
            onTap: () {
              _onTap(e);
            },
            wImage: Center(
              child: Image.network(
                e.profileImageLink.toString(),
                fit: BoxFit.fill,
              ),
            ),
            wContent:
                // Center(
                //   child: UiTextLine(text: e.displayName),
                // ),
                Column(
              children: [
                topBasicInfo(),
                Expanded(child: Container()),
                showTapTutorial(),
                Expanded(child: Container()),
                bottomBio()
              ],
            ),
          );
        }

    return Container(
        child: Stack(...)
    );

问题：

什么时候_onTap(Profile)被点击并且showHint是true。

应该发生什么：

接下来应该AppSharedPreferences().setFirstTap(false)将初始点击标志设置为，false然后在完成后setState()包括设置showHint为false，然后重新渲染 UI 并删除提示文本容器（在 中找到showTapTutorial()）。

怎么了：

事实上发生的事情是当_onTap()被调用时，它会正确更新首选项，被setState()调用并且showHint == false确实返回但 UI 本身不会重新呈现。!widget.showHintshowTapTutorial()Container()

因此，在第一次单击此“按钮”后，UI 仍然存在（不会改变）。在操作帮助文本（教程）仍在显示时，再次单击将执行该Navigator.of(context).push(MaterialPageRoute(builder: (context) => UiViewProfile(e)));部分。如果我再次点击同一张卡片

我错过了什么或做错了什么？

4

0 回答 0