问题描述
这是一个使用 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填充正确。
解决方法
您必须为所有两个进程使用一个变量: 在事件按钮中,调用变量: 代码:
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),);
},],);
}
}
希望能帮到你