flutter - flutter 的小怪未检测到

Question

我有一个MobX商店，其中有一个可观察的字符串

@observable
String searchText = '';

@action
Future<List<Contact>> fetchContacts(int offset, String searchText) async {
if (offset == 0) {
  _page = 1;
}
final response = await _contactsRepository.getAll(_page,'',{'name': searchText});
print('offset $offset');
_page++;
print('response data ${response.data}');
return response.data.isEmpty ? [] : response.data;

}

在我看来，我正在创建包裹在Observer内部的分页 View ，并且使用的是在商店中创建的可观察字符串。

SafeArea(
    child: Observer(
      builder: (_) {
        print('REBUIKD');
        return PaginationView<Contact>(
          separator: Divider(color: Colors.grey),
          paginationViewType: PaginationViewType.listView,
          pageFetch: (int offset) => _contactsStore.fetchContacts(
              offset, _contactsStore.searchText),
          itemBuilder: (context, Contact contact, int index) {
            return GestureDetector(
                onTap: () => Navigator.of(context)
                    .push(MaterialPageRoute(builder: (_) {})),
                child: ContactListItem(
                  contact: contact,
                ));
          },
          onError: (dynamic error) => Center(
            child: Text('Some error occured'),
          ),
          onEmpty: Center(
            child: Text('Sorry! This is empty'),
          ),
          bottomLoader: Center(
            // optional
            child: CircularProgressIndicator(),
          ),
          initialLoader: Center(
            // optional
            child: CircularProgressIndicator(),
          ),
        );
      },
    ),
  ),

问题是我收到了 No observables detected in the build method of Observer错误

我要观察以重建的可观察到的是 searchText
我不明白为什么mobX无法检测到我实际上在使用构建器内部的可观察对象

Answer 1

而不是将Listview.builder包装在Observer中，您应该将Observer放入itemBuilder中:

ListView.builder(
  itemBuilder: (context, index) {
    return Observer(...);
  }
)

而且，如果您需要指定 itemCount或类似的名称，则需要其中两个:

Observer(
  builder: (context) {
    return ListView.builder(
      itemCount: someStore.list.length,
      itemBuilder: (context, index) {
        return Text(someStore.list[index].name);
      },
    );
  },
)