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
Related
Hi I'm trying to create a screen that have bunch of container with a child of row that have a text and a Icon (the red one - can be seen on the image). So when I click the icon I want to show a dialog right next to the icon. I tried using aligned_dialog but the positioning is really hard to do, I want it to be instantly next to the icon just like the image.
Is there any package or widget that I can use to achieve this ?
You can check this package: https://pub.dev/packages/just_the_tooltip
It allow to specify a child of type Widget, so you can add what you want.
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?
I have a basic layout where I am using a stack widget to hold my other widgets.. I have a side toolbar, inside that I have a pen menu on click of which a popup should appear. When i am clicking the pen menu an alert dialog appears but not in the expected place, what i mean is...
I am expecting a dialog like the one in the below image. Do I need to use any plugin to create a dialog like this with a chevron mark?enter image description here
As you are using Alert dialog, it will by default be aligned in center of your screen. In order to achieve what you are trying to, I would suggest using a plugin like this.
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