I have a Flutter screen is suppose to implement a photo-gallery which has a main big image and a grid view of many small images. When the screen is first displayed it displays the first image in the grid normally and shows it in the big picture and has the other small images at a darker color filter to show they are not the one currently selected. When the user taps on a different one the main photo is changed to a large version of the small image and which ever small image that was previously selected goes dark and the selected image is displayed normally.
This list of images also contain YouTube videos which are indicated by showing a translucent play icon in the middle of them. When the user taps on one of these it plays the video.
To implement this I made a base class called media and inherited the image and YouTube classes from media. I would like to have both classes have the same behavior in terms of highlighting and perform differently in terms of how they display and what happens when you tap on one. So far I can send a message from the images to the main screen to tell the main image to change but I am not sure how to get main screen to send a message to the previously highlighted small image and the to the be highlighted small image in order to change their highlighting.
I tried global keys but I could not get that to work. So, I was thinking of using a stream but I am new to Flutter and Dart so not sure how to get that to work. What can I try next?
Related
I have a flutter app with a detail page with the main fadeinimage widget and many small images on the bottom of it. When the user taps one of the small images, the main image changes to a bigger version of the small image, I was hoping that when the user taps the small image, it could be used as the placeholder of the large image because it has already been loaded and shows that photo till the big picture is loaded. Is something like that possible?
You might want to checkout the package https://pub.dev/packages/cached_network_image
I've got an app up and running in flutter using ImagePicker. At the moment, after the picture is taken and the check mark (for OK) selected, the ImagePicker closes and the app shows my screen to allow taking either another picture or selecting an image from the gallery.
What I would like to do is take a picture, and then after the 'ok', show the camera again, until the user x's out of the camera.
Do I override an event to change this behaviour, and if I do, which event?
I've just built a site with four content blocks sitting ontop of one another to create a longish page.
Each block is the full width of the screen and the height of the screen and has a background image.
Now when the site loads it shows the first block and the background image displays correctly. When the user scrolls to the second block the background image does not display until the majority of the block is in the viewport then it will load.
Does anyone know why this would be the case, is it an iOS issue?
if you remove the "fixed" from the background declaration, it will work as you want it to.
I want to make application like image album.
like the user scroll horizontally and set the new image at center. image size is only 130*130 size and images are received through web service. at a time there are 3 images seen on screen. when user scroll next image set the next image as a middle image......
when user scroll horizontally the UIlabel exactly at the bottom display the name of image which is store in array.
i want make it look like iphone coverflow type application.
Your question is a little confusing, but if as you say you want to make it 'look like an iphone coverflow type application' why not consider one of the several open source components that exist already? Here are two good options:
http://cocoacontrols.com/platforms/mac-os-x/controls/mbcoverflowview
http://cocoacontrols.com/platforms/ios/controls/tapku-coverflow
how to draw square after load the application in iphone(graphics) ?(I know how to draw shapes but i exactly want to show draw shape after my app. launch what can i do) and also want to fill color after app. launch ?
If I am understanding your question correctly then you are asking about splash screen of iPhone app, i.e. Loading screen, if so, then you can do it very easily.
You just need to prepare a 320x460 (if no status bar in the app then 320x480) image, save it with "Default.png" name, and include in project using Xcode(add in resource folder). This image will be shown on iPhone screen as soon as your app is launched and will remain in the screen until you get callback at "applicationDidFinishLaunching"
but if you were asking something different then please elaborate more about your question...