I want to make a notebook page in my app like the one in the image below, I do not want a customPaint or SVG or any kind of photos I want when I scroll the page the lines still under the text, is there any custom textField with a lined background to use?
Related
I am trying to create a user interface with a custom paint on the bottom and with two text fields on the bottom too.
The problem is when the keyboard is shown, the TextFormFields go up while the bottom paint does not go anywhere.
You can see what I mean in the pictures below:
Any ideas about what goes wrong?
I want to use image picker like insta or facebook when I click on a button it should popsup the bottom sheet with my gallery images and scaffold should also resize to show options just like in a design provider. Thanks
I am using SliverAppBar widget with some background image behind it. Since the image I will load will be dynamic, sometimes it can have light colors and can cause the back button (or any other action button) to be hardly visible.
As you can see in the screenshot below, I gave a little shadow to the app bar title using TextStyle & Shadow widgets, so it is much more visible than the back button.
You can try use "elevation" here is the Flutter link for more clarification: https://www.google.com/url?sa=t&source=web&rct=j&url=https://api.flutter.dev/flutter/material/SliverAppBar/elevation.html&ved=2ahUKEwiEpfiIn4TwAhWUH7cAHY9ECIwQFjACegQIBRAC&usg=AOvVaw0wCdyaVv3EA8ulVXXvaVMu
I'm working on a flutter application. In my application, I like to animate the text field just like the CVV text filed in this link https://dribbble.com/shots/4542183-e-commerce-shopping-app-UI-Kit-interaction. I could see few references on how to change the color or width of the text box border in flutter. But this is something different - a running border. I have attached a needed animation video link below for reference. Is there any way to achieve that text form field border animation in flutter?
Refer link : https://cdn.dribbble.com/users/692322/screenshots/4542183/attachments/1027997/payment_interaction.mp4
I am new to Flutter. I am using DatePickerTimeline package (https://pub.dev/packages/date_picker_timeline) . I want to change theme of my DatePicker widget. In first picture you will see what I achieved. But I want my custom design like adding color to border to boxes.
This is the first picture
In the second picture you will see what I want to do. And I would like to ask can I make half box like in second picture
Second picture