Question

我正在构建一个具有本地数据库的应用程序，并且在该数据库中保留了一些有关电影的信息。有一个名为“收藏夹”的屏幕，在这里我可以从本地数据库中获取电影并将其放在列表视图中：

如果我单击该列表中的任何电影，我将被定向到一个新的屏幕，可以在其中查看电影详细信息。在此屏幕上，有一个按钮可以从本地数据库中删除电影。

现在我的问题从这里开始：从数据库中删除任何电影并返回“收藏夹”屏幕后，我仍然在ListView中看到该电影。但是我已经从数据库中删除了那部电影。如果在Android平台上执行此操作，则将覆盖onStart方法并查询数据库，然后更新listview。但是据我所知，在Flutter中，没有像onStart这样的方法。那么，我该怎么办？

class FavoritesScreen extends StatefulWidget {
  @override
  _FavoritesScreenState createState() => _FavoritesScreenState();
}

class _FavoritesScreenState extends State<FavoritesScreen> {
  var favoriteMovieDatabase = FavoriteMovieDatabase();
  List<MovieOverview> movieOverviewList = List<MovieOverview>();

  @override
  void initState() {
    super.initState();
    favoriteMovieDatabase
        .getAllFavoriteMovies()
        .then((List<MovieOverview> list) {
      setState(() {
        movieOverviewList = list;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text("Favorites")),
        body: MovieOverviewListView(movieOverviewList, "FAVORITE")
    );
  }
}

编辑：

我尝试使用WidgetsBindingObserver，但没有帮助。

    @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    if(state == AppLifecycleState.resumed){
      favoriteMovieDatabase
          .getAllFavoriteMovies()
          .then((List<MovieOverview> list) {
        setState(() {
          movieOverviewList = list;
        });
      });
    }
  }

它甚至都没有调用此方法。

Answer 1

假设您在使用Navigator推送新路线时发生问题，那么可以将RouteAware mixin与RouteObserver结合使用，然后覆盖didPopNext方法。

每当再次显示路由时，就会调用

didPopNext。

final RouteObserver<PageRoute> routeObserver = new RouteObserver<PageRoute>();
void main() {
  runApp(new MaterialApp(
    home: new Container(),
    navigatorObservers: [routeObserver],
  ));
}

class RouteAwareWidget extends StatefulWidget {
  State<RouteAwareWidget> createState() => new RouteAwareWidgetState();
}

// Implement RouteAware in a widget's state and subscribe it to the RouteObserver.
class RouteAwareWidgetState extends State<RouteAwareWidget> with RouteAware {
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    routeObserver.subscribe(this, ModalRoute.of(context));
  }

  @override
  void dispose() {
    routeObserver.unsubscribe(this);
    super.dispose();
  }

  @override
  void didPopNext() {
    // TODO: query DB again
  }

  @override
  Widget build(BuildContext context) => new Container();
}

Answer 2

作为一个简单的解决方案，您可以等待导航器推送的结果：

goToDetailPage(BuildContext context) async {

  await Navigator.of(context).pushNamed('movieDetail');

  // this is reached when the route is popped
  reloadData();
}

要使代码更加高效，您可以从详细路线中返回一个结果，该结果指示是否删除了影片：

Navigator.pop(context, 'MOVIE_DELETED');

和

goToDetailPage(BuildContext context) async {
  final result = await Navigator.of(context).pushNamed<String>('movieDetail');

  if(result == 'MOVIE_DELETED') {
    reloadData();
  }    
}

从长远来看，当有更多方法来更改数据库内容时（例如半透明对话框，其中电影列表仍在后台可见，或实时更新），最好采用某种被动式架构类似于Android上的Room。

相当于Android的onStart

2 个答案: