one_ui

Description:

one ui

one_ui #
Unofficial implementation of Samsung One UI for Flutter.
Resources #

Samsung Developers | One UI Design Guidelines
Samsung Design | One UI Design Guidelines

Widgets #
Bottom Navigation Bar #
An One UI style bottom navigation bar.

Example

Scaffold(
bottomNavigationBar: OneUIBottomNavigationBar(
currentIndex: _index,
onTap: (value) {
setState(() {
_index = value;
});
},
),
)
copied to clipboard
Buttons #
Buttons allow users to take actions, and make choices, with a single tap. Learn more
Back Button
One UI Icon Button with back icon.

Example

OneUIBackButton()
copied to clipboard
Contained Button
An One UI style Elevated Button.

Example

OneUIContainedButton(
onPressed: () {},
child: Text("Contained button"),
)
copied to clipboard
Flat Button
An One UI style Text Button.

Example

OneUIFlatButton(
onPressed: () {},
child: Text("Flat button"),
)
copied to clipboard
Icon Button
An One UI style Icon Button.

Example

OneUIIconButton(
onPressed: () {},
icon: Icon(Icons.home),
)
copied to clipboard
Dialog #
An One UI style Alert Dialog.

Example

ListTile(
title: Text("Show dialog"),
onTap: () {
showOneUIDialog(
context: context,
builder: (context) {
return OneUIAlertDialog(
title: Text("title"),
content: Text("This is a demo alert dialog."),
actions: [
OneUIDialogAction(
onPressed: () {
Navigator.pop(context);
},
child: Text("Cancel"),
),
OneUIDialogAction(
onPressed: () {
Navigator.pop(context);
},
child: Text("Accept")
),
],
);
},
);
},
)
copied to clipboard
Popup Menu #
An One UI style Popup Menu Button.

Example

OneUIPopupMenuButton(
itemBuilder: (context) => <PopupMenuEntry>[
const OneUIPopupMenuItem(child: Text('Option 1')),
const OneUIPopupMenuItem(child: Text('Option 2')),
const OneUIPopupMenuItem(child: Text('Option 3')),
],
),
copied to clipboard
Switch #
An One UI Style Switch.

Example

OneUISwitch(
value: _value,
onChanged: (value) {
setState(() {
_value = value;
});
},
)
copied to clipboard
Slider #
An One UI Style Slider.

Example

OneUISlider(
value: _value,
onChanged: (value)
)
copied to clipboard
View #
An One UI Style scroll view.

Example

@override
Widget build(BuildContext context) {
return OneUIView(
title: Text("Title"),
actions: [
OneUIPopupMenuButton(
itemBuilder: (context) => <PopupMenuEntry>[
const OneUIPopupMenuItem(child: Text('Option 1')),
const OneUIPopupMenuItem(child: Text('Option 2')),
const OneUIPopupMenuItem(child: Text('Option 3')),
],
),
],
child: body,
);
}
copied to clipboard
Thanks to #
one_ui_scroll_view by jja08111