FUISingleChildScrollView

For scrolling functionality, if a widget exceeds the screen size or layout boundaries, the FUISingleChildScrollView is a recommended containing widget. Similar to Flutter’s SingleChildScrollView widget, the FUISingleChildScrollView offers the same scrolling functionality with a themed scroll bar consistent with the UI Kit's aesthetics.

The FUISingleChildScrollView widget class could be found in:

focus_ui_kit/layout/fui_scrollview.dart

Usage

@override
Widget build(BuildContext context) {
    return FUISingleChildScrollView(
      fuiColorScheme: FUIColorScheme.primary, /// Change the color scheme here (default is primary).
      child: SizedBox(
        height: 1000,
        child: Center(
          child: Regular(Text('Centered Text')),
        ),
      ),
    );
}

Major Parameters

Parameters	Description
FUIColorScheme fuiColorScheme	Allows you the select the desired color scheme for the scroll view. This affects the color of the scroll bar. The default color scheme is `FUIColorScheme.primary`.
Color? scrollbarColor	Setting a custom color for the scroll bar. This will override the color suggested by fuiColorScheme.

Other Parameters

The other parameters correspond to Flutter's SingleChildScrollView.

26 March 2025

Focus Theme UI Kit Documentation Help

FUISingleChildScrollView

Widget Class Location

Usage

Major Parameters

Other Parameters