I am creating a sample app in Flutter which will allow users to post content like publish a book or a blog maybe. I want to create a UI which will allow these users to format their texts in these blogs, like bold text, italics etc. This would be quite similar to how you can edit text in a word processor so if users want to bold and highlight something or italicize a selected text or even change typing mode to italics or bold and type formatted text on the fly. So far it is very simple to have a TextFormField and give it some max number of lines and user can enter text but how do I implement a feature where they can format this text. I am not looking for anything fancy, mainly just bold and italics and maybe strikethrough and bullet points.

Stack(
alignment: Alignment.bottomCenter,
children: [
Container(
height: 80,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25),
color: Colors.white,
),
),
PersistentTabView(context,
screens: pages,
navBarHeight: 80,
controller: _controller,
backgroundColor: Colors.white30,
navBarStyle: NavBarStyle.style15,
items: myscreens,
confineInSafeArea: true,
handleAndroidBackButtonPress: true,
resizeToAvoidBottomInset: true,
stateManagement: true,
hideNavigationBarWhenKeyboardShows: true,
decoration: NavBarDecoration(
adjustScreenBottomPaddingOnCurve: true,
borderRadius: BorderRadius.circular(20.0),
colorBehindNavBar: Colors.white),
popAllScreensOnTapOfSelectedTab: true,
popActionScreens: PopActionScreensType.all,
itemAnimationProperties: const ItemAnimationProperties(
duration: Duration(milliseconds: 200), curve: Curves.ease),
screenTransitionAnimation: const ScreenTransitionAnimation(
animateTabTransition: true,
curve: Curves.ease,
duration: Duration(milliseconds: 200))),
],
),

I am making the user interface and I don’t know how can I make the borders less rounded for the second widget. I tried to change the height but it still not helping.

Ok so I apologize if the title of the question is confusing but see this:

So there is a blue container in the bottom left and 2 in top right corner of the main grey container. How do implement something like this in flutter. I am guessing there are two columns here one for left side panel and one for main grey container in right. How to make those blue containers as shown in the image that is part of both the columns?

Good evening everyone,

Thanks in advance for any help you can give!

As the title said, tabbar is over lapping widgets present before it when the screensize is small

i want to know if its possible to make a custom shape of the scaffold main window for windows?
I have searched everywhere and can’t find any information about it.
I want to achieve a personalized container/scaffold like for example the one in the image, i will add later custom buttons like minimize, maximize and close (this is no problem).

Whenever I click the floating/next button the slider answer isn’t resetting to 0. The value of the first text-type question goes to the next text-type and the same goes for the slider question. What am I missing?

Whenever I click the floating/next button the slider answer isn’t resetting to 0. The value of the first text-type question goes to the next text-type and the same for the slider question. What am I missing?