A simple navigation library for Android
"The novices’ eyes followed the wriggling path up from the well as it swept a great meandering arc around the hillside. Its stones were green with moss and beset with weeds. Where the path disappeared through the gate they noticed that it joined a second track of bare earth, where the grass appeared to have been trampled so often that it ceased to grow. The dusty track ran straight from the gate to the well, marred only by a fresh set of sandal-prints that went down, and then up, and ended at the feet of the young monk who had fetched their water." - The Garden Path
-
Navigate between Fragments or Activities seamlessly
-
Describe navigation destinations through annotations or a simple DSL
-
Create beautiful transitions between specific destinations
-
Remove navigation logic from Fragment or Activity implementations
-
(Experimental) @Composable functions as navigation destinations, with full interoperability with Fragments and Activities
Enro is published to Maven Central. Make sure your project includes the mavenCentral() repository, and then include the following in your module's build.gradle:
dependencies {
implementation "dev.enro:enro:1.17.1"
kapt "dev.enro:enro-processor:1.17.1"
}Information on migration from JCenter and versions of Enro before 1.3.0
Enro was previously published on JCenter, under the group name `nav.enro`. With the move to Maven Central, the group name has been changed to `dev.enro`, and the packages within the project have been updated to reflect this.
Previously older versions of Enro were available on Gituhb, but these have now been removed. If you require pre-built artifacts, and are unable to build older versions of Enro yourself, please contact Isaac Udy via LinkedIn, and he will be happy to provide you with older versions of Enro as compiled artifacts.
@Parcelize
data class MyListKey(val listType: String): NavigationKey
@Parcelize
data class MyDetailKey(val itemId: String, val isReadOnly): NavigationKey
@Parcelize
data class MyComposeKey(val name: String): NavigationKey@NavigationDestination(MyListKey::class)
class ListFragment : Fragment()
@NavigationDestination(MyDetailKey::class)
class DetailActivity : AppCompatActivity()
@Composable
@ExperimentalComposableDestination
@NavigationDestination(MyComposeKey::class)
fun MyComposableScreen() { }3. Annotate your Application as a NavigationComponent, and implement the NavigationApplication interface
@NavigationComponent
class MyApplication : Application(), NavigationApplication {
override val navigationController = navigationController()
}@NavigationDestination(MyListKey::class)
class ListFragment : ListFragment() {
val navigation by navigationHandle<MyListKey>()
fun onViewCreated(view: View, savedInstanceState: Bundle?) {
val listType = navigation.key.listType
view.findViewById<TextView>(R.id.list_title_text).text = "List: $listType"
}
fun onListItemSelected(selectedId: String) {
val key = MyDetailKey(itemId = selectedId)
navigation.forward(key)
}
}
@Composable
@ExperimentalComposableDestination
@NavigationDestination(MyComposeKey::class)
fun MyComposableScreen() {
val navigation = navigationHandle<MyComposeKey>()
Button(
content = { Text("Hello, ${navigation.key}") },
onClick = {
navigation.forward(MyListKey(...))
}
)
}
Enro supports a minimum SDK version of 16. However, support for SDK 16 was only recently added and targetting any SDK below 21 should be considered experimental. If you experience issues running on an SDK below 21, please report a GitHub issue.
Enro is designed to integrate well with Android's default navigation. It's easy to manually open a Fragment or Activity as if Enro itself had performed the navigation. Create a NavigationInstruction object that represents the navigation, and then add it to the arguments of a Fragment, or the Intent for an Activity, and then open the Fragment/Activity as you normally would.
Example:
val instruction = NavigationInstruction.Forward(
navigationKey = MyNavigationKey(...)
)
val intent = Intent(this, MyActivity::class).addOpenInstruction(instruction)
startActivity(intent)Enro considers the primaryNavigationFragment to be the "active" navigation target, or the current Activity if there is no primaryNavigationFragment. In a nested Fragment situation, the primaryNavigationFragment of the primaryNavigationFragment of the ... is considered "active".
Enro supports three navigation instructions: forward, replace and replaceRoot.
If the current navigation stack is A -> B -> C -> then:
forward(D) = A -> B -> C -> D ->
replace(D) = A -> B -> D ->
replaceRoot(D) = D ->
Enro supports multiple arguments to these instructions.
forward(X, Y, Z) = A -> B -> C -> X -> Y -> Z ->
replace(X, Y, Z) = A -> B -> X -> Y -> Z ->
replaceRoot(X, Y, Z) = X -> Y -> Z ->
When an Activity executes a navigation instruction that resolves to a Fragment, one of two things will happen:
- The Activity's navigator defines a "container" that accepts the Fragment's type, in which case, the Fragment will be opened into the container view defined by that container.
- The Activity's navigation does not define a fragment host that acccepts the Fragment's type, in which case, the Fragment will be opened into a new, full screen Activity.
Enro supports any NavigationKey/NavigationDestination providing a result. Instead of implementing the NavigationKey interface on the NavigationKey that provides the result, implement NavigationKey.WithResult where T is the type of the result. Once you're ready to navigate to that NavigationKey and consume a result, you'll want to call "registerForNavigationResult" in your Fragment/Activity/ViewModel. This API is very similar to the AndroidX Activity 1.2.0 ActivityResultLauncher.
Example:
@Parcelize
class RequestDataKey(...) : NavigationKey.WithResult<Boolean>()
@NavigationDestination(RequestDataKey::class)
class MyResultActivity : AppCompatActivity() {
val navigation by navigationHandle<RequestSomeData>()
fun onSendResultButtonClicked() {
navigation.closeWithResult(false)
}
}
@NavigationDestination(...)
class MyActivity : AppCompatActivity() {
val requestData by registerForNavigationResult<Boolean> {
// do something!
}
fun onRequestDataButtonClicked() {
requestData.open(RequestDataKey(/*arguments*/))
}
}Enro has a built in component for this. If you want to build something more complex than what the built-in component provides, you'll be able to use the built-in component as a reference/starting point, as it is built purely on Enro's public API
Enro has a built in component for this. If you want to build something more complex than what the built-in component provides, you'll be able to use the built-in component as a reference/starting point, as it is built purely on Enro's public API
I'd like to do shared element transitions, or do something special when navigating between certain screens
Enro allows you to define "NavigationExecutors" as overrides for the default behaviour, which handle these situations.
There will be an example project that shows how this all works in the future, but for now, here's a basic explanation:
- A NavigationExecutor is typed for a "From", an "Opens", and a NavigationKey type.
- Enro performs navigation on a "NavigationContext", which is basically either a Fragment or a FragmentActivity
- A NavigationExecutor defines two methods
open, which takes a NavigationContext of the "From" type, a Navigator for the "Opens" type, and a NavigationInstruction (i.e. the From context is attempting to open the Navigator with the input NavigationInstruction)close, which takes a NavigationContext of the "Opens" type (i.e. you're closing what you've already opened)
- By creating a NavigationExecutor between two specific screens and registering this with the NavigationController, you're able to override the default navigation behaviour (although you're still able to call back to the DefaultActivityExecutor or DefaultFragmentExecutor if you need to)
- See the method in NavigationControllerBuilder for
override - When a NavigationContext decides what NavigationExecutor to execute an instruction on, Enro will look at the NavigationContext originating the NavigationInstruction and then walk up toward's it's root NavigationContext (i.e. a Fragment will check itself, then its parent Fragment, and then that parent Fragment's Activity), checking for an appropriate override along the way. If it finds no override, the default will be used. NavigationContexts that are the children of the current NavigationContext will not be searched, only the parents.
Example:
// This override will place the "DetailFragment" into the container R.id.detail,
// and when it's closed, will set whatever Fragment is in the R.id.master container as the primary navigation fragment
override<MasterDetailActivity, DetailFragment>(
launch = {
val fragment = DetailFragment().addOpenInstruction(it.instruction)
it.fromContext.childFragmentManager.beginTransaction()
.replace(R.id.detail, fragment)
.setPrimaryNavigationFragment(fragment)
.commitNow()
},
close = { context ->
context.fragment.parentFragmentManager.beginTransaction()
.remove(context.fragment)
.setPrimaryNavigationFragment(context.parentActivity.supportFragmentManager.findFragmentById(R.id.master))
.commitNow()
}
)Unlike Activities and Fragments, when you want to write an override for a @Composable @NavigationDestination (particularly to specify custom animations), you don't have a class to reference in the To or From type arguments to the override<To, From>() function. At first glance, it may appear that it is not possible to create an override for a @Composable @NavigationDestination.
However, when you define a @Composable @NavigationDestination, Enro generates a class, called <YourComposableName>Destination. This class can be used when specifying overrides for @Composable @NavigationDestinations.
Example:
val navigationController = navigationController {
/**
* This example assumes you have a @Composable function that is also a @NavigationDestination, and that the name
* of the @Composable function is `MyComposableScreen`.
*
* This example will set both the open and close animations for this screen to be the default "no animation" animation
* that Enro provides.
*/
override<MyActivityOrFragment, MyComposableScreenDestination> {
animation { DefaultAnimations.none }
closeAnimation { DefaultAnimations.none }
}
}Please note, that the <YourComposableName>Destination is a generated class, and will not be available until you've compiled the project at least once since defining your @Composable @NavigationDestination (similar to how Dagger generates Components).
It's possible for an Activity to be launched from multiple places. Most of these can be controlled by Enro, but some of them cannot. For example, an Activity that's declared in the manifest as a MAIN/LAUNCHER Activity might be launched by the Android operating system when the user opens your application for the first time. Because Enro hasn't launched the Activity, it's not going to know what the NavigationKey for that Activity is, and won't be able to read it from the Activity's intent.
Luckily, there's an easy solution! When you declare an Activty or Fragment, you are able to do a small amount of configuration inside the navigationHandle block using the defaultKey method. This method takes a NavigationKey as an argument, and if the Fragment or Activity is opened without being passed a NavigationKey as part of its arguments, the value passed will be treated as the NavigationKey. This could occur because of an Activity being launched via a MAIN/LAUNCHER intent filter, via a standard Intent, or via a Fragment being added directly to a FragmentManager without any NavigationInstruction being applied. In other words, any situation where Enro is not used to launch the Activity or Fragment.
Example:
@Parcelize
class MainKey(isDefaultKey: Boolean = false) : NavigationKey
@NavigationDestination(MainKey::class)
class MainActivity : AppCompatActivity() {
private val navigation by navigationHandle<MainKey> {
defaultKey(
MainKey(isDefaultKey = true)
)
}
}Support the navigation requirements of large multi-module Applications, while allowing flexibility to define rich transitions between specific destinations
A multi-module application has different requirements to a single-module application. Individual modules will define Activities and Fragments, and other modules will want to navigate to these Activities and Fragments. By detatching the NavigationKeys from the destinations themselves, this allows NavigationKeys to be defined in a common/shared module which all other modules depend on. Any module is then able to navigate to another by using one of the NavigationKeys, without knowing about the Activity or Fragment that it is going to. FeatureOneActivity and FeatureTwoActivity don't know about each other, but they both know that FeatureOneKey and FeatureTwoKey exist. A simple version of this solution can be created in less than 20 lines of code.
However, truly beautiful navigation requires knowledge of both the originator and the destination. Material design's shared element transitions are an example of this. If FeatureOneActivity and FeatureTwoActivity don't know about each other, how can they collaborate on a shared element transition? Enro allows transitions between two navigation destinations to be overridden for that specific case, meaning that FeatureOneActivity and FeatureTwoActivity might know nothing about each other, but the application that uses them will be able to define a navigation override that adds shared element transitions between the two.
Enro provides a custom extension function similar to AndroidX's by viewModels(), called by enroViewModels(), which works in the exact same way. However, when you use by enroViewModels() to construct a ViewModel, you are able to use a by navigationHandle<NavigationKey>() statement within your ViewModel. This NavigationHandle works in the exact same way as an Activity or Fragment's NavigationHandle, and can be used in the exact same way.
This means that your ViewModel can be put in charge of the flow through your Application, rather than needing to use a LiveData<NavigationEvent>() (or similar) in your ViewModel. When we use things like LiveData<NavigationEvent>() we are able to test the ViewModel's intent to navigate, but there's still the reliance on the Activity/Fragment implementing the response to the navigation event correctly. In the case of retrieving a result from another screen, this gap grows even wider, and there becomes an invisible contract between the ViewModel and Activity/Fragment: The ViewModel expects that if it sets a particular NavigationEvent in the LiveData, that the Activity/Fragment will navigate to the correct place, and then once the navigation has been successful and a result has been returned, that the Activity/Fragment will call the correct method on the ViewModel to provide the result. This invisible contract results in extra boilerplate "wiring" code, and a gap for bugs to slip through. Instead, using Enro's ViewModel integration, you allow your ViewModel to be precise and clear about it's intention, and about how to handle a result.
The most recent version of Enro (1.4.0-beta04) adds experimental support for directly marking @Composable functions as Navigation Destinations.
To support a Composable destination, you will need to add both an @NavigationDestination annotation, and a @ExperimentalComposableDestination annotation. Once the Composable support moves from the "experimental" stage into a stable state, the @ExperimentalComposableDestination annotation will be removed.
Here is an example of a Composable function being used as a NavigationDestination:
@Composable
@ExperimentalComposableDestination
@NavigationDestination(MyComposeKey::class)
fun MyComposableScreen() {
val navigation = navigationHandle<MyComposeKey>()
Button(
content = { Text("Hello, ${navigation.key}") },
onClick = {
navigation.forward(MyListKey(...))
}
)
}Enro's Composable support is based around the idea of an "EnroContainer" Composable, which can be added to a Fragment, Activity or another Composable. The EnroContainer works much like a FrameLayout being used as a container for Fragments.
Here is an example of creating a Composable that supports nested Composable navigation in Enro:
@Composable
@ExperimentalComposableDestination
@NavigationDestination(MyComposeKey::class)
fun MyNestedComposableScreen() {
val navigation = navigationHandle<MyComposeKey>()
val containerController = rememberEnroContainerController(
accept = { it is NestedComposeKey }
)
Column {
EnroContainer(
controller = containerController
)
Button(
content = { Text("Open Nested") },
onClick = {
navigation.forward(NestedComposeKey())
}
)
}
}
@Composable
@ExperimentalComposableDestination
@NavigationDestination(NestedComposeKey::class)
fun NestedComposableScreen() = Text("Nested Screen!")In the example above, we have defined an Enro Container Controller which will accept Navigation Keys of type "NestedComposeKey". When the user clicks on the button "Open Nested", we execute a forward instruction to a NestedComposeKey. Because there is an available container which accepts NestedComposeKey instructions, the Composable for the NestedComposeKey (NestedComposableScreen in the example above) will be placed inside the EnroContainer defined in MyNestedComposableScreen.
EnroContainerControllers can be configured to have some instructions pre-launched as their initial state, can be configured to accept some/all/no keys, and can be configured with an "EmptyBehavior" which defines what will happen when the container becomes empty due to a close action. The default close behavior is "AllowEmpty", but this can be set to "CloseParent", which will pass the close instruction up to the Container's parent, or "Action", which will allow any custom action to occur when the container becomes empty.
Composable functions declared as NavigationDestinations can be used as Dialog or ModalBottomSheet type destinations. To do this, make the Composable function an extension function on either DialogDestination or BottomSheetDestination. This will cause the Composable to be launched as a dialog, escaping the current navigation context of the screen.
Here's an example:
@Composable
@ExperimentalComposableDestination
@NavigationDestination(DialogComposableKey::class)
fun DialogDestination.DialogComposableScreen() {
configureDialog { ... }
}
@Composable
@OptIn(ExperimentalMaterialApi::class)
@ExperimentalComposableDestination
@NavigationDestination(BottomSheetComposableKey::class)
fun BottomSheetDestination.BottomSheetComposableScreen() {
configureBottomSheet { ... }
}