Replace Literals with Enums

Please Describe The Problem To Be Solved

When it’s needed to set an attribute such as theme, alignment, type of scroll, etc , we have to type “magic” literals after consulting them in the documentation or in the IDE, leading to misstyping errors.

def main(page: flet.Page):
    page.theme_mode = "light"
    page.add(
        Row(
            controls=[
                Text(
                    "Hello World!"
                )
            ],
            alignment="center"
        )
    )

(Optional): Suggest A Solution My suggestion is to replace the use of literals with Enums, to make it easier to set attributes to an usercontrol, and reusable the values related with same features. This is something that other UI frameworks such as Flutter and Jetpack Compose do.

Jetpack Compose:

@Composable
fun App() {
    var text by remember { mutableStateOf("Hello, World!") }

    MaterialTheme {
        Column(
            modifier = Modifier.fillMaxSize(),
            verticalArrangement = Arrangement.Center,
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
           Button(onClick = {
            text = "Hello, Desktop!"
           }) {
               Text(text)
            }
        }
    }
}

Flutter:

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    const Text('We move under cover and we move as one'),
    const Text('Through the night, we have one shot to live another day'),
    const Text('We cannot let a stray gunshot give us away'),
    const Text('We will fight up close, seize the moment and stay in it'),
    const Text('It’s either that or meet the business end of a bayonet'),
    const Text('The code word is ‘Rochambeau,’ dig me?'),
    Text('Rochambeau!', style: DefaultTextStyle.of(context).style.apply(fontSizeFactor: 2.0)),
  ],
)

In the case of Flet, the implementation coulbe like this:

class ThemeMode(enum.Enum):
    NONE = None
    SYSTEM = "system"
    LIGHT = "light"
    DARK = "dark"


class MainAxisAlignment(enum.Enum):
    NONE = None
    START = "start"
    END = "end"
    CENTER = "center"
    SPACE_BETWEEN = "spaceBetween"
    SPACE_AROUND = "spaceAround"
    SPACE_EVENLY = "spaceEvenly"


def main(page: flet.Page):
    page.theme_mode = ThemeMode.DARK
    page.add(
        Row(
            controls=[
                Text(
                    "Hello World!"
                )
            ],
            alignment=MainAxisAlignment.CENTER
        )
    )

[FeodorFitsner]

That sounds great and right! I’m going to do a PR with that. Or you probably want to help? 😉

[FeodorFitsner]

It’s been published to Flet pre-releases:

pip install flet --pre