未来第一次返回 null

时间:2021-05-25 15:04:47

标签: flutter future provider

这是一个使用 Google Place 的课程:

class PlaceProvider extends ChangeNotifier {
  NearBySearchResponse _places;
  NearBySearchResponse get getPlaces => _places;
  GooglePlace googlePlace;

  PlaceProvider() {
    loadAPI();
  }

  void loadAPI() async {

    await DotEnv.load(fileName: '.env');
    googlePlace = GooglePlace(DotEnv.env['API_KEY']);
  }

  Future<void> loadPlaces() async {
    print('We are here');

    _places = await googlePlace.search.getNearBySearch(
        Location(lat: 40.79, lng: -73.96), 1500,
        type: "restaurant", keyword: "hamburger");.
    notifyListeners();
  }
}

现在,当我调用 loadPlaces() 时,它总是使 _places 第一次为空。我第二次调用它时,它工作得很好。我错过了什么?

这是使用上述类的类:

class SearchPage extends StatelessWidget {
  const SearchPage({Key key}) : super(key: key);

  void testPlaces(BuildContext context) {
    Provider.of<PlaceProvider>(context, listen: false).loadPlaces();
  }

  @override
  Widget build(BuildContext context) {
    NearBySearchResponse places = Provider.of<PlaceProvider>(context).getPlaces;
    return Column(
      children: [
        Text('Search Page'),
        ElevatedButton(
          onPressed: () {
            testPlaces(context);
          },
          child: Text('Test'),
        ),
        Expanded(
          child: places == null
              ? Container(child: CupertinoActivityIndicator(radius: 50.0))
              : ListView.builder(
                  itemCount: places.results.length,
                  itemBuilder: (context, index) {
                    return Container(
                      color: Colors.grey[(index * 200) % 400],
                      child: Center(
                          child: Text(
                            places.results[index].name,
                            style: TextStyle(fontSize: 18.0),
                          ),
                      ),
                    );
                  },
                ),
        ),
      ],
    );
  }
}

我在这里添加了整个应用程序。正如我提到的,当第一次按下测试按钮时,_places 的值保持为空。第二次,值没问题,ListView填充正确。

1 个答案:

答案 0 :(得分:0)

您必须为所有两个进程使用一个变量: 在事件按钮中,调用变量: 代码:

 class SearchPage extends StatelessWidget {
const SearchPage({Key key}) : super(key: key);
   

  @override
  Widget build(BuildContext context) {
    NearBySearchResponse places = Provider.of<PlaceProvider>(context,listen: false).getPlaces;
    return Column(
  children: [
    Text('Search Page'),
    ElevatedButton(
      onPressed: () {
           places.loadPlaces();
        
      },
      child: Text('Test'),
    ),
    Expanded(
      child: places == null
          ? Container(child: CupertinoActivityIndicator(radius: 50.0))
          : ListView.builder(
              itemCount: places.results.length,
              itemBuilder: (context, index) {
                return Container(
                  color: Colors.grey[(index * 200) % 400],
                  child: Center(
                      child: Text(
                        places.results[index].name,
                        style: TextStyle(fontSize: 18.0),
                      ),
                  ),
                );
              },
            ),
    ),
  ],
);
  }
}

希望能帮到你