How do I use compose inside a Fragment? `setConten...

# compose

[Merhawifissehaye]

How do I use compose inside a Fragment? setContent doesn't seem to be available outside of an Activity? I also learned in a comment inside this stackoverflow question that there is a work in progress to add support for Fragments. Are there any updates on that? Or else what options do I have to be able to use compose inside fragments?

[Zach Klippenstein (he/him) [MOD]]

You can set a FrameLayout as your content view and then call setContent on the FrameLayout.

[Andrey Kulikov]

yes. it is basically just

[Andrey Kulikov]

abstract class ComposableFragment : Fragment() {

override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ) = FrameLayout(requireContext()).apply {
        setContent(Recomposer.current()) {
            Content()
        }
    }

@Composable
    abstract fun Content()
}

[Andrey Kulikov]

but we are still considering to add it in the library to make gradual migration as simple as possible

[Javier]

@Andrey Kulikov compose will not be based on just a single activity and composable functions?

[Leland Richardson [G]]

@Javier you can do the single activity/composable approach, but it won’t be required as this would prevent a lot of people from easily migrating

[Javier]

@Leland Richardson [G] the jetpack navigation library will include the single activity with no fragments approach?

[Leland Richardson [G]]

the compose extension to the navigation arch component library will allow for routes to be defined by a composable function. it will allow other routes to also be defined by fragments if you have them (for easy incremental migration). If you only have composable routes, it is not yet clear if it will end up using fragments as an implementation detail or not, but i think there’s a decent chance that it won’t

[Leland Richardson [G]]

but in any event, it should just be an implementation detail

[Leland Richardson [G]]

there may at some point be a way to define your navigation graph from inside of a composable (similar to the open source compose-router library’s API) but these areas are still being explored by our team since we want to make sure that we believe it is a good approach before releasing something like that

[Javier]

Thank you for all the info :)

[Merhawifissehaye]

Thank you all. Could compose by any chance cause problem when used along with data binding. There is another part of the code that uses data binding. I am getting an error related to data binding after installing compose.

I have created a gist of the stack trace here. I am still struggling to make compose work with my existing project. Any clue would be appreciated. I have added the following to my build.gradle

composeOptions {
        kotlinCompilerVersion "1.3.70-dev-withExperimentalGoogleExtensions-20200424"
        kotlinCompilerExtensionVersion "0.1.0-dev13"
    }

I am on a multi module project, and I have added the option to both build.gradle files.