react-image-autofit-frame | React component displaying image | iOS library

Im creating a simple "register" page with Ionic v5 and am very new to CSS and styling in general. I'm having trouble finding a way to prevent the keyboard from shifting my content up (see images)

My CSS:

Very new to react native and javascript... I am trying to call a function and it doesn't seem to do anything.

Here is the fragment of code where the function is called:

What I'm trying to do is make a counter in Flutter which will be in this shape:

I'm fairly new regarding flutter and dart so I have tried to put this element inside of a Card but yeah I faced some issues due to overflow and it would be great if someone could give me a hint or point me to the right direction.

Here is my code for counter:

I'm building an app where I have a page which gives information about a specific trading card. I want the page to be scrollable, but I also want to have a grid on the page, with each grid cell showing one data point. I made the grid using GridView.count().

My problem is that instead of have a page which I can scroll through, the top half of the page stays static, while the grid is scrollable. How do I make the grid static, while the rest of the page scrollable? I intend to have more data below this grid as well, and I want to user to be able to scroll to see all of it, with the grid being a static component of the page.

Here's my code:

I am posting this question to help future readers. After upgrading to Flutter 2.8 I suddenly got this error when trying to run my app:

I use this code to scroll:

I am fairly new to the Firemonkey framework after working with VCL for many years so hopefully this question is not too simple.

I am listing Dynamic Listview Items which I update from a database. I have created the position/layout of the text within the Listview Item using design mode . My question is when I change screen orientation from portrait to landscape do I have to manually change the 'X' position of the text items located within my listview and their width so that the full landscape width of the screen is utilized? There appears to be no anchors for dynamically created Listview items. (The text items just have their generic names for the time being.)

I have a pic below of what I am trying to describe. First pic shows deign mode in portrait and second in landscape.

Any suggestions greatly appreciated.

Portrait mode

Landscape mode

I used this flutter package to implement a color picker in my app. My Widget looks something like this:

I have a mobile application developed using Ionic. Now I want to redevelop it in flutter and publish a new update, would that be possible? will google play and AppStore allow that?