Whenever MyLocationEnabled is true, there are buttons that show up to take the camera to the current location. On iOS I covered it up using my own FloatingActionButton, but on Android it's in the top left so I can't cover it up. Is there any way to remove these buttons while keeping the current location shown on the map?
Related
I have this mapbox inside on a container which is centered aligned. The thing is whenever I press to show the map, it will show upper left corner of the screen and when I turned off and turn on the screen, the map will eventually out of something put it self at the right position where I wanted to.
Before turning the phone screen off
After turning the phone screen on
I am working on a screen of a game, and I want this behaviour: when you swipe in any place of the screen (even over a button) you can scroll, but at the same time you can click in any button.
Now I have a big empty image occupying the whole screen that can capture the drag events, but since raycast is ON, click events are not passing down to the elements below in the hierarchy. So buttons are not working.
Which is the proper way of achieving this?
I am making an event app that has a custom map to help guess navigate the ground. I'd know how zoom and pan the image but is there a way to add tooltips to an image based on what was clicked on the map image?
Click certain booths to get a custom tooltip class in flutter.
similar to this image
As most of you already know, Flutter offers a Cupertino navigation transition that represents the native iOS behavior when navigating to previous route. You can start swiping from the left edge of the device and a navigation animation is started. Unless the user ends touching to the screen, the user is in control of the position of the current (above) and the previous (below) routes.
According to the release position and velocity, whether the screen will be popped or not and the animation controller takes the rest of the job.
I want to implement exactly opposite of this. When the user starts swiping from the right edge of the screen to the left, the gesture will be detected. The new route will be created and be positioned on the right. User can drag the new route to the left (into the scene). After the release of the touch, it will be decided to whether center the new route (complete) or let it go away (cancel).
This behavior can be observed inside Safari browser, for example. You can navigate backwards by start swiping from the left edge. Moreover, you can navigate forward by starting to swipe from the right end of the screen.
Also, it is possible to experience a similar UI/UX behavior in TikTok app. When watching a video on the “For You” screen (that’s the default home page of the TikTok), the user can start dragging the screen from right to left and when the gesture detected, the profile screen of the current content’s owner will be shown. As mentioned above, the user will be in control of the position by dragging. When the user ends touching it will complete or cancel the navigation based on the situation.
Question is:
I am a power user of Flutter since the very early beta days of it. I made quite complex UX implementations till today. However, this type of a navigation need haven’t been an issue and didn’t come to my mind.
I did a deep research on the Flutter source code, internet, Flutter issues, pub.dev, etc. Yet, I couldn’t find a logically easy solution.
Does anybody know how to do that? Indeed we can use the CupertinoPageRoute and extend upon it but my mind just stopped at the moment.
Side note: The end result could be like a parallax effect or like a PageView.
A blue dot shows my location on google map.
a blue dot
I want to change this icon. I even want to show it in an animated shape. It would be nice to show it as in this design
focus center
You can use Location package to get current geo-location, and pin your custom marker, currently flutter google map doesn't support gif or any animated image, of course you can also place a animated image using Stack widget on top of map as a fake 'my location' marker.
Remember to disable default current location.