Request help implementing auto search

[jesussmile]

I have spent a lot of time trying to get the auto search feature working but I keep running into errors, so I have stripped my code naked and posting it here. Can you provide me some small tips on how I can implement this? I did read the document List<SearchInfo> suggestions = await addressSuggestion("address"); , As I am new to this and basically learning dart with your plugin a little help in the right direction would be helpful. I hope its not too much, just a basic answer would be okay. I am using TypeAheadWidget and your class to get the auto search working .

This is the Type Ahead Field widget

 child: TypeAheadField<User>(
                              hideSuggestionsOnKeyboardHide: false, 
                               debounceDuration: Duration(microseconds: 500),
                                textFieldConfiguration: TextFieldConfiguration(
                                decoration: InputDecoration(
                                  prefixIcon: Icon(Icons.search),
                                  border: OutlineInputBorder(),
                                  hintText: 'Search',
                                ),
                              ),
                              suggestionsCallback: UserApi.getUserSuggestions,
                              itemBuilder: (context, User suggestion) {
                                final user = suggestion;

                                return ListTile(
                                  title: Text(//****get 'addr' from photonApi class here ***),
                                );
                              },
                              noItemsFoundBuilder: (context) => Container(
                                height: 100,
                                child: Center(
                                  child: Text(
                                    'No Place Found.',
                                    style: TextStyle(fontSize: 24),
                                  ),
                                ),
                              ),
                              onSuggestionSelected: (User suggestion) {
                                final user = suggestion;

                                ScaffoldMessenger.of(context)
                                  ..removeCurrentSnackBar()
                                  ..showSnackBar(SnackBar(
                                    content: Text (user.name),
                                  ));
                              },
                            ),

This is the your class for photon Api

import 'dart:convert';
import 'package:dio/dio.dart';

class User {
  final String postcode;
  final String name;
  final String street;
  final String city;
  final String state;
  final String country;

  User({
    this.postcode,
    this.street,
    this.city,
    this.name,
    this.state,
    this.country,
  });

  User.fromPhotonAPI(Map data)
      : this.postcode = data["postcode"],
        this.name = data["name"],
        this.street = data["street"],
        this.city = data["city"],
        this.state = data["state"],
        this.country = data["country"];

  @override
  String toString() {
    String addr = "";
    if (name != null && name.isNotEmpty) {
      addr = addr + "$name,";
    }
    if (street != null && street.isNotEmpty) {
      addr = addr + "$street,";
    }
    if (postcode != null && postcode.isNotEmpty) {
      addr = addr + "$postcode,";
    }
    if (city != null && city.isNotEmpty) {
      addr = addr + "$city,";
    }
    if (state != null && state.isNotEmpty) {
      addr = addr + "$state,";
    }
    if (country != null && country.isNotEmpty) {
      addr = addr + "$country";
    }
     //show this in the list
    return addr;
  }
}

class GeoPoint {
  final double longitude;
  final double latitude;

  GeoPoint({
    this.latitude,
    this.longitude,
  });

  GeoPoint.fromMap(Map m)
      : this.latitude = m["lat"],
        this.longitude = m["lon"];

  Map<String, double> toMap() {
    return {
      "lon": longitude,
      "lat": latitude,
    };
  }

  @override
  String toString() {
    return 'GeoPoint{longitude: $longitude, latitude: $latitude}';
  }
}

class SearchInfo {
  final GeoPoint point;
  final User address;

  SearchInfo({
    this.point,
    this.address,
  });

  SearchInfo.fromPhotonAPI(Map data)
      : this.point = GeoPoint(
            latitude: data["geometry"]["coordinates"][1],
            longitude: data["geometry"]["coordinates"][0]),
        this.address = User.fromPhotonAPI(data["properties"]);
}

class UserApi {
  static Future<List<User>> getUserSuggestions(String searchText,
      {int limitInformation = 5}) async {
    Response response = await Dio().get(
      "https://photon.komoot.io/api/",
      queryParameters: {"q": searchText, "limit": limitInformation == 0 ? "" : "$limitInformation"},
    );
    print(response);
    final json = response.data;
    print(json);
    return (json["features"] as List).map((d) => User.fromPhotonAPI(d)).toList();
  }
}

[liodali]

i'm sorry i didn't see your code until now
i will check what you want to do i will help you

[jesussmile]

I have updated my code, I am using TypeAheadPlugin, I can't populate the auto search. Could you please take a look and tell me what am I doing wrong?

[liodali]

I will provide you small gist
contain example with TypeAheadPlugin and osm flutter

[liodali]

this ins link of the gist
https://gist.github.com/liodali/63edb08763fb527e116589d8338de299

[jesussmile]

Thank you so much! You are a wonderful developer!

[liodali]

what is the problem that you are facing ? can you provide more information about that