Can anyone tell me how I can mimic the bottom sheet in the new maps app in iOS 11?
In android you can use a "BottomSheet", which mimics this behaviour, but I could not find anything like that for iOS.
Is that a simple scroll view with a content inset? So that the search bar is at the bottom?
I am fairly new to iOS programming so if someone could help me creating this layout that would be highly appreciated.
This is what I mean by "bottom sheet":
I see this is old an question but for anyone struggling with this issue. you can use this module https://github.com/wix/react-native-interactable. Here is demo
https://github.com/wix/react-native-interactable/blob/master/playground/src/real-life-examples/MapPanel.js
Maybe you could give a try to Modalize https://github.com/jeremybarbet/react-native-modalize I've been working on it to be able to create all kind of bottom sheets similar to that.
It´s not called anything special, but some refer to it as "Card". Here is a great tutorial of how to implement the bottom card as Apple Maps.
Related
I'm developing an iOS app and I was wondering how to implement a design element. I've looked but there isn't a answer that I was completely looking for. Any help would be great. :)
If you don't want to build it from the scratch, then maybe you can take a look at this- https://github.com/HighBay/PageMenu
I am writing an iOS app in Swift 2 using Xcode 7.
I want to display a set of a user's trophies. For this, I am imagining a horizontally scrollable display as each trophy image is small, but users can have more trophies that fit across a screen.
You can see a Sketch example here: i.stack.imgur.com/VtpEc.png
I first thought that I could use a UIScrollableView, but I don't think this will work because user's are NOT supposed to be able to zoom into these trophies. BUT, if UIScrollView is the way to go, then how do I go about implementing it horizontally and without zoom? The most similar feature in an app that I have found is in Facebook's iOS app. Facebook uses these "horizontally scrollable views" for suggested friends/groups.
You can see what I am talking about in this screenshots: Facebook Horizontal Scroll
This feature also seems to be built in to Apple's iOS. When choosing which action to perform, users are presented with a "horizontally scrollable list" of apps to choose from.
See what I'm talking about here: built in iOS horizontal scroll
I would appreciate any help that anyone can offer! Thank you!
They're using a UICollectionView with an horizontal flow layout.
This more detailed answer might help you to figure out how to implement it: https://stackoverflow.com/a/19435898/5741377
I've been searching for a library or sample project that implements the following functionality, but unfortunately haven't been able to find much. Could anyone share any thoughts or point me in a general direction if experienced something similar?
I'd like create a pull-out view controller/tray whose interaction is very similar to the Google Maps iOS app (http://i.stack.imgur.com/l1QHt.png). When a user taps or pulls-up the snippet pane, the view expands until fully maximized. Essentially the same interaction as seen in the Maps app.
I'm happy to implement from-scratch if a library doesn't exist, but regardless wanted to seek any suggestions/insights before getting underway.
Thanks again for your help & advice!
Iam new to ios development.I confused to design like a screen which i attached here.
Please help me if anyone know how to design like this.Iam not yet started to design the screen.
Thanks in Advance....![design like this screen][1]
this is WaterfallCollectionView sample code as per your requirement
I want to add a scroll view and it should scroll automatically (auto-scroll). Is there any way to achieve it, please share your suggestions or ideas
Thank you, Madan Mohan.
If you mean "auto scroll" as the screen moves with the character then you should take a look at Lime
http://justaddli.me/
http://developer.anscamobile.com/forums/lime
scrollView is made more for making small windows you can drag up and down to get at other things on it.
I'm not sure if you've already found your own answer or not by now but I'm gonna answer it anyways.
In Lua using Corona SDK, there's a piece of code here at ANSCANA Comunity:
Corona SDK-Lua ScrollView
It is a scrollview code in Lua, but I want a Horizontal one, which implies that one page must be twice the size even for an Android app, which I am making ;P
Hope this help :D