So starting out I have this simple bottomNavBar which changes pages. What I wanted to do was add a FAB bar in the middle. original bottomNavBar bottomNavigationBar: BottomNavigationBar( type: BottomNavigationBarType.fixed, currentIndex: 0, backgroundColor: Color(0xFF0066EE), selectedItemColor: Colors.white, unselectedItemColor: Colors.white, items: const…
I have a curved AppBar using the following code. I want to add a shadow right beneath the curve. Any help would be much appreciated! image of curved AppBar Code: appBar: PreferredSize( preferredSize: const Size.fromHeight(85.0), child: AppBar( title: const Text("Services"),…
I'm trying to align this logo in the center of the page, between the two sections of links in the header. I have the image in a separate div, and a unordered list on either side, with float left and…
I want to create a button "Skip Intro", similar to the one on Netflix (but with a ridiculous part where a button changes its location randomly as soon as you hover over it). The code for changing to a random…
I need to apply the following entering and leaving animation They are presented using tailwindcss classes Entering: "transform ease-out duration-300 transition" From: "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2" To: "translate-y-0 opacity-100 sm:translate-x-0" Leaving: "transition ease-in duration-100" From: "opacity-100" To: "opacity-0" I tried…
I'm trying to center my Text and two icon buttons which are the arrows in the middle. I tried adding padding but it seems kind of brute force, wondering if there was a proper way for this. return Scaffold( appBar:…
To have a better view this is the void _addImage(c) async { final ImagePicker picker = ImagePicker(); final XFile? image = await picker.pickImage(source: ImageSource.gallery); print(image?.path); print(_imagePath?.split('/').last); if (image != null) { setState(() { String _imagePath = attachments.add(image.path); }); } }…
The logic I want is to show a list of categories, and when a category is selected, the category under it will get pushed down and the selected category products will be shown. Here is a minimal code that I'm…
enter image description here I need to achieve this programmatically in flutter for all tabs and mobile screens.
I want to "dock" the Text Widget you can see on the Picture on the GridView. My approach looks like this: Container( height: 500, child: Column( children: [ Expanded( child: GridView.count( physics: NeverScrollableScrollPhysics(), crossAxisCount: 7, childAspectRatio: 0.6, children: List.generate(dates.length, (index)…