Giter Club home page Giter Club logo

mapbox_search_flutter's Introduction

Hi there ๐Ÿ‘‹

  • ๐Ÿ”ญ Iโ€™m currently working as Flutter Developer and Backend Developer.
  • ๐ŸŒฑ Iโ€™m currently learning Serverless Framework
  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on Flutter Open-Source project! ๐Ÿš€
  • ๐Ÿ’ฌ Ask me about Flutter๐Ÿ˜Ž

ketanchoyal

๐ŸŒ Socials

Instagram LinkedIn Medium Twitter

๐Ÿ’ป Tech Stack

Dart Swift TypeScript AWS Firebase Flutter Kotlin NPM NodeJS React Vuetify Vue.js Serverless Prisma Figma Adobe Xd Postman Bitrise


Ketan's github stats

My Streak Stats

Top Langs

mapbox_search_flutter's People

Contributors

dariotrombello avatar ketanchoyal avatar shinayser avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

mapbox_search_flutter's Issues

Add theme support

Yesterday I put Brightness.dark in my app to enable dark mode, but the TextField keeps displaying in white like this

image

It will also be cool if the padding around the TextField can be adjusted.

Widget _searchInput returns a future inside setstate

in file map_box_place_search_widget.dart line 170 it calls setState(() => _autocompletePlace(value));

_autocompletePlace is a async function so it complains during runtime that a Future is returned during setState.

mapbox_search dependecy

Is this plugin (mapbox_search_flutter) dependent on the other plugin (mapbox_search) or it is enough in terms of getting search datas and its geocoords for map placement

Parameter fontSize causes widget to crash

Parameter fontSize of MapBoxPlaceSearchWidget is a String but is used in a context where a double is expected.
This causes a crash of the widget if the parameter is used:

type 'String' is not a subtype of type 'double?'

When the exception was thrown, this was the stack:
#0 _MapBoxPlaceSearchWidgetState._searchInput (package:mapbox_search_flutter/src/map_box_place_search_widget.dart:160:37)
#1 _MapBoxPlaceSearchWidgetState.build (package:mapbox_search_flutter/src/map_box_place_search_widget.dart:110:18)
#2 StatefulElement.build (package:flutter/src/widgets/framework.dart:4792:27)
#3 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4675:15)
#4 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4847:11)
...

_MapBoxPlaceSearchWidgetState.dispose

Hey, there is a issue with canceling rebuiliding.

โ•โ•โ•โ•โ•โ•โ•โ• Exception caught by widgets library โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following NoSuchMethodError was thrown while finalizing the widget tree:
The method 'cancel' was called on null.
Receiver: null
Tried calling: cancel()

When the exception was thrown, this was the stack: 
#0      Object.noSuchMethod (dart:core-patch/object_patch.dart:53:5)
#1      _MapBoxPlaceSearchWidgetState.dispose (package:mapbox_search_flutter/src/map_box_place_search_widget.dart:106:20)
#2      StatefulElement.unmount (package:flutter/src/widgets/framework.dart:4733:12)
#3      _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:1922:13)
#4      _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1920:7)
...
โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

Font size grows too large in MapBoxPlaceSearchWidget

The font size in this widget is dependent on the screen width as we can see in the following code. This cause the font to grow so large that its heigth overflows the edit text on web browsers.

Here is the code cause the problem:

`child: TextField(

          decoration: _inputStyle(),

          controller: _textEditingController,

          style: TextStyle(

            fontSize: MediaQuery.of(context).size.width * 0.04,

          ),`

Maybe set a maximum fontsize, or do not overwrite the Theme fontsize.

How to change style?

How can I change the field style? (Height & color)
and How to change the search icon?

Cannot change search box height

The height property seems to be non responsive and displays the search box at a same height irrespective of the input value.

AnimationControlled must be disposed

_MapBoxPlaceSearchWidgetState created a Ticker via its SingleTickerProviderStateMixin, but at the time dispose() was called on the mixin, that Ticker was still active. The Ticker must be disposed before calling super.dispose().

Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak.

The following NoSuchMethodError was thrown while finalizing the widget tree: The method 'cancel' was called on null.

Hey, I found an issue which exist when I'm opening a separate window with search_bar, don't search for anything and close the page with Navigator.pop(context);

โ•โ•โ•โ•โ•โ•โ•โ• Exception caught by widgets library โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following NoSuchMethodError was thrown while finalizing the widget tree:
The method 'cancel' was called on null.
Receiver: null
Tried calling: cancel()

When the exception was thrown, this was the stack: 
#0      Object.noSuchMethod (dart:core-patch/object_patch.dart:51:5)
#1      _MapBoxPlaceSearchWidgetState.dispose (package:mapbox_search_flutter/src/map_box_place_search_widget.dart:106:20)
#2      StatefulElement.unmount (package:flutter/src/widgets/framework.dart:4738:12)
#3      _InactiveElements._unmount (package:flutter/src/widgets/framework.dart:1927:13)
#4      _InactiveElements._unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1925:7)
...
โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

Issues with your example

Hello, I'm encuntering issues when trying your library

In your example : https://pub.dev/packages/mapbox_search_flutter/example

  • MapBoxStaticImage can't be defined
  • There is Error messages in 'MapBoxPlaceSearchWidget'.

Error: The getter 'country' isn't defined for the class 'MapBoxPlaceSearchWidget'.
Error: The getter 'location' isn't defined for the class 'MapBoxPlaceSearchWidget'.

I've imported both libraries

mapbox_search_flutter: ^1.0.6
mapbox_search: ^2.0.1+1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.