I'm working on a simple design for a login screen that has some content to display. The design looks perfect, as per the requirements. But the issue is that when the keyboard is popped out, every widget's internal vertical spacing…
i need to make salesRibbon__productCarousel scroll when i click to salesRibbon__arrows_arrowForward forward and salesRibbon__arrows_arrowBack backward import React, { useRef } from 'react'; const SalesRibbon = () => { const container = useRef(null); //<--- this thing ISN"T WORKING! i can't get…
I would like to show appBar when scrolling, like video below https://imgur.com/vAq7UCT This is what I have now, but appBar not showing when scroll https://imgur.com/Bq5zAnQ Here the code @override Widget build(BuildContext context) { return Scaffold( bottomNavigationBar: _showButton(), backgroundColor: Colors.grey.shade200, extendBodyBehindAppBar:…
I'm trying to build a dot navigation kind of thing, i.e., when you click on each "div" it takes you to the specific section, which is currently implemented. But, also while scrolling I need to change the current state of…
Hope you can help me out here. The thing is that I have a section, where I map components. This section has a vertical scroll. Outside this section, there's another components, like a map , navbar, footer, etc. When I'm…
In my flutter application I want to create a timetable widget as below which will scroll horizontally and vertically with corresponding heading. The timetable should have 'Day' as horizontal heading and 'Period' as vertical heading. During horizontal scrolling the 'Period'…
I have a scroll listener for hiding and showing the bottom navigation bar, It works perfectly but I discover it will fire the function almost 50 times and more when it meets the condition if I scroll too fast. Which…
I can't make scrollable the part highlighted in red And this is my code: class Home extends StatelessWidget { const Home({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Stack( children: [ _headerWidget(), _actionWidget(), _backgroundWidget(), _bottomBar()…
My code for a page is like this. i need to scroll part below appbar. @override Widget build(BuildContext context) { return Container( decoration: const BoxDecoration( gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.deepPurple, Colors.black] ) ), child: Scaffold( appBar: AppBar(…
I am trying to replicate the code that was shown here: How to scroll to specific item using jQuery? When I redo it using my site layout however, it does not scroll to the correct row ID (#row_15). How can…