When configured, it will automatically adjust the position of the contents of the screen for a better fit when a user focuses on a field and the keyboard appears.
Make sure to set the Flex Grow property of the Keyboard Avoiding View to 1
Enable the keyboard avoiding view
Select how the screen will resize once the keyboard drawer opens.
Keyboard Vertical Offset
Set the distance between the top of the keyboard and the bottom of the screen's contents.
A basic line used to separate sections of content from each other.
Set the color of the divider
Set the height/thickness of the divider
A basic UI component similar to a View that can be styled and customized.
A number between 0 and 3 that controls the intensity of the drop shadow on the container.
Set an image as the background of the container.
Use gutter padding
Apply gutter padding (configurable in the theme's Spacing menu) to the right and left sides of the container. The default setting is 16pt. Set how to resize the container's background image when the image dimensions set in the builder don't match the actual dimensions of the image.
Background image resize mode
Set how to resize the container's background image when the image dimensions set in the builder don't match the actual dimensions of the image.
A component that renders a native blur view on iOS and a semi-transparent view on Android.
To use the Blur View, place whatever you want to be blurred above the Blur View as seen below
Additionally, set the Position of the Blur View to
Absoluteand Top: 0, Bottom: 0, Right: 0, Left: 0.
Select the type of tint to be applied to the blur view.
A number between 1 and 100 that controls the how intense the blur is.
A basic container equipped with scrolling capabilities. If you are creating a list of Row, Card, or Field components, consider using a List component instead to increase your application's performance.
Enable so that the contents of the Scroll View bounce when the user reaches the end of the Scroll View
Enable to position the contents of the Scroll View into a row that will scroll horizontally.
Show Vertical Scroll Indicator
Enable to show a bar that shows the progress of scrolling through the Scroll View vertically
Show Horizontal Scroll Indicator
Enable to show a bar that shows the progress of scrolling through the Scroll View horizontally
A layout component that will arrange all of the components nested inside of it into a row.
Lines are grouped together and positioned at the beginning of the cross axis.
Lines are grouped together and positioned at the end of the cross axis.
Lines are grouped together and positioned in the center of the container's cross axis.
Child elements are positioned at the beginning of the container.
Child elements are positioned in the center of the container.
Child elements are positioned at the end of the container.
The first child element is positioned at the beginning, the last child element is positioned at the end and all remaining child elements are spread out evenly in between.
Child elements are spread out across the line with equal amounts of space surrounding them.
Adds space to the inside of things. Not on the outside! This means you always have precisely the type of space you need
Use the input to define how much space is to be added inside each side of the Spacer.
A layout component that will arrange all of the components nested inside of it into a stack/column.
Elements are positioned at the beginning of the container.
Elements are positioned in the middle of the container.
Elements are positioned at the end of the container.
Center will automatically center anything you place inside of it. You can control its width, height and background color.
Define the width of the area to be centered.
Define the height of the area to be centered.
Set the background of the area to be centered.
A Circle will always be round and center its content.
Define the size of the circle.
Set the background of the circle.
A Square will always be a perfect square and centers its content.
Define the size of the square.
Set the background of the square.
Updated 3 months ago