ComposePreference – Preference implementation for Jetpack Compose Material 3

ComposePreference – Preference implementation for Jetpack Compose Material 3

https://github.com/zhanghai/ComposePreference

Preview

Screenshot

Integration

Gradle:

implementation 'me.zhanghai.compose.preference:library:1.0.0'

Design

There is no official and complete Material 3 UX specification for preference yet, so the UX design of this library mainly comes from the following sources:

Usage

This library is designed with both extensibility and ease-of-use in mind.

Basic usage of this library involves invoking the ProvidePreferenceLocals composable, and then calling the *Preference helper functions in a LazyColumn composable:

AppTheme { ProvidePreferenceLocals { // Other composables wrapping the LazyColumn ... LazyColumn(modifier = Modifier.fillMaxSize()) { switchPreference( key = "switch_preference", defaultValue = false, title = { Text(text = "Switch preference") }, summary = { Text(text = if (it) "On" else "Off") } ) } } }

Prefences

Built-in types of preferences include:

Each type of built-in preference includes 3 kinds of APIs:

  1. A LazyListScope.*Preference extension function, which is the easiest way to use preferences in this library, and helps developers to avoid boilerplates like having to specify the key twice for the LazyColumn and the Preference.
  2. A *Preference composable that takes a MutableState, which allows developers to bring in any kind of state they currently have.
  3. A *Preference composable that takes value and onValueChange, which allows developers to use the preference without a state and even in non-preference scenarios.

Theming

The visual appearance of the preferences can be customized by providing a custom PreferenceTheme with preferenceTheme to ProvidePreferenceLocals or ProvidePreferenceTheme.

Customizable values in the theme include most dimensions, colors and text styles used by the built-in preferences.

Data source

The data source of the preferences can be customized by providing a custom MutableStateFlow<Preferences> to ProvidePreferenceLocals or ProvidePreferenceFlow.

The Preferences interface defined in this library is similar to the AndroidX DataStore Preferences class, but:

  • It can be implemented by other mechanisms like SharedPreferences, thanks to being a public interface instead of an abstract class with only an internal constructor.
  • It doesn’t have to be produced and updated via a DataStore.
  • It doesn’t mandate a fixed set of types that an implementation has to support, so that implementations have the flexibility to support much more or less types. The implementations within this library will always support the types supported by SharedPreferences (the same as AndroidX DataStore).

The default data source provided by this library (defaultPreferenceFlow) is implemented with SharedPreferences, because:

  • SharedPreferences is available as part of the Android framework, and doesn’t require external dependencies like AndroidX DataStore which bundles its own copy of protobuf-lite.
  • SharedPreferences can actually be 10x faster than AndroidX DataStore, likely due to its existing optimizations and simple threading and persistence model (XML is simple enough to be faster than Protobuf).
  • SharedPreferences has a synchronous API, but it is actually async except for the first (un-cached) read, and allows in-memory value change without waiting for the disk write to complete, which is good for the preference use case.
  • Existing users of SharedPreferences can use this library directly with the default data source.

There should only be at most one instance of defaultPreferenceFlow, similar to DataStore in AndroidX DataStore. It is also only for usage within a single process due to being backed by SharedPreferences.

If AndroidX DataStore is considered more appropriate for your use case, e.g. you are working on a Compose Multiplatform project or you need multi-process support, you can also easily use a AndroidX DataStore backed implementation that provides a MutableStateFlow<Preferences>.

submitted by /u/zhanghai
[link] [comments]