Last updated:
0 purchases
flutter mapbox autocomplete
flutter_mapbox_autocomplete #
A Flutter Package for MapBox Places autocomplete.
Installation #
Use the package manager pub.dev to install flutter_mapbox_autocomplete.
dependencies:
flutter_mapbox_autocomplete: ^1.0.3
and run flutter pub get
copied to clipboard
Usage #
import 'package:flutter_mapbox_autocomplete/flutter_mapbox_autocomplete.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter MapBox AutoComplete',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Home(),
);
}
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
final _startPointController = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Flutter MapBox AutoComplete example"),
),
body: SingleChildScrollView(
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
child: CustomTextField(
hintText: "Select starting point",
textController: _startPointController,
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => MapBoxAutoCompleteWidget(
apiKey: "Your MapBox token here",
hint: "Select starting point",
onSelect: (place) {
// TODO : Process the result gotten
_startPointController.text = place.placeName;
},
limit: 10,
),
),
);
},
enabled: true,
),
),
);
}
}
copied to clipboard
Screenshots #
Contributing #
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
License #
MIT
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.