I have implementated a infinite scroller which loads data at the end of page. And it is working as expected. But I also want to keep observing all loaded data for any changes from local database. I don't know how to do this. Any suggestion ?

I’m applying the same shape for both background and border, but they’re looking incorrect on the corners. Is it a bug?

val shape = RoundedCornerShape(8.dp)
    Column(modifier = Modifier.fillMaxSize()) {
        Text(
            text = "Text 1",
            modifier = Modifier.fillMaxWidth()
                .padding(16.dp)
                .drawShadow(2.dp, shape)
                .drawBorder(2.dp, MaterialTheme.colors.secondary, shape)
                .drawBackground(MaterialTheme.colors.primary, shape)
                .padding(16.dp)
        )
    }

any example animation code for loading image ?

Can anyone compile and public

org.jetbrains.kotlin.kotlin-compiler-embeddable-1.3.70-dev-withExperimentalGoogleExtensions-20200424

with kottlin

1.4-M2

and

M3

version" ??? • clean

1.4-M2

from get brains don't compile

Caused by: java.lang.IllegalArgumentException: Call resolver must be non-null	at androidx.compose.plugins.kotlin.ComposeCallResolutionInterceptorExtension.interceptCandidates(ComposeCallResolutionInterceptorExtension.kt:189)

• setting

kotlinCompilerVersion = "1.3.70-dev-withExperimentalGoogleExtensions-20200424" don't work because i use IR and Progressive mode

cause error becouse i use IR and progressiveMode

Class 'com.cisystems.ssmp.arm_vmb2.controlles.workerUtils.CardsUpdateWorkerUtils' is compiled by a pre-release version of Kotlin and cannot be loaded by this version of the compiler

👋 Question with regard to getting match_parent behavior for inner Composables. For example:

@Composable
fun Greeting(name: String) {
    val state = state { TextFieldValue("Hello $name") }

    Row(modifier = Modifier.fillMaxWidth() + Modifier.wrapContentHeight()) {
        Box(modifier = Modifier.width(32.dp) + Modifier.fillMaxHeight(), backgroundColor = Color.Yellow)
        Column(modifier = Modifier.weight(1f)) {
            TextField(
                modifier = Modifier.fillMaxWidth() + Modifier.wrapContentHeight(),
                value = state.value,
                onValueChange = {
                    state.value = it
                }
            )
            Text(
                text = "TextField text: ${state.value.text}",
                modifier = Modifier.padding(vertical = 8.dp) + Modifier.fillMaxWidth() + Modifier.wrapContentHeight()
            )
            Text(text = "Finish", modifier = Modifier.fillMaxWidth() + Modifier.wrapContentHeight())
        }
        Box(modifier = Modifier.width(32.dp), backgroundColor = Color.Yellow)
    }
}

Produces in my opinion, unexpected layout:

Got a weird one with OutlinedTextField: I cant seem to change the keyboardType, the imeAction or get notified onImeActionPerformed. Also, to get code using onImeActionPerformed to compile I have to do this trick: This compiles:

fun onImeActionPerformed(action: ImeAction, keyboard: SoftwareKeyboardController?): Unit {
    Log.v("conditions", "ime pressed $action $keyboard")
}
OutlinedTextField(
    value = searchState.value,
    onValueChange = { it: String ->
        Log.v("conditions", "search bar $it")
        searchState.value = it
    },
    activeColor = primaryColor,
    inactiveColor = primaryColor,
    label = { Text("Search") },
    onFocusChange = { it: Boolean ->
        Log.v("conditions", "focus changed $it")
    },
    imeAction = ImeAction.Search,
    keyboardType = KeyboardType.Ascii,
    onImeActionPerformed = { action, kb -> onImeActionPerformed(action, kb) },
    modifier = Modifier.fillMaxWidth()
)

This does not:

fun onImeActionPerformed(action: ImeAction, keyboard: SoftwareKeyboardController?): Unit {
    Log.v("conditions", "ime pressed $action $keyboard")
}
OutlinedTextField(
    value = searchState.value,
    onValueChange = { it: String ->
        Log.v("conditions", "search bar $it")
        searchState.value = it
    },
    activeColor = primaryColor,
    inactiveColor = primaryColor,
    label = { Text("Search") },
    onFocusChange = { it: Boolean ->
        Log.v("conditions", "focus changed $it")
    },
    imeAction = ImeAction.Done,
    keyboardType = KeyboardType.Ascii,
    onImeActionPerformed = onImeActionPerformed,
    modifier = Modifier.fillMaxWidth()
)

Error:

None of the following functions can be called with the arguments supplied:
public fun OutlinedTextField(value: TextFieldValue, onValueChange: (TextFieldValue) -> Unit, label: () -> Unit, modifier: Modifier = ..., textStyle: TextStyle = ..., placeholder: (() -> Unit)? = ..., leadingIcon: (() -> Unit)? = ..., trailingIcon: (() -> Unit)? = ..., isErrorValue: Boolean = ..., visualTransformation: VisualTransformation = ..., keyboardType: KeyboardType = ..., imeAction: ImeAction = ..., onImeActionPerformed: (ImeAction, SoftwareKeyboardController?) -> Unit = ..., onFocusChange: (Boolean) -> Unit = ..., onTextInputStarted: (SoftwareKeyboardController) -> Unit = ..., activeColor: Color = ..., inactiveColor: Color = ..., errorColor: Color = ...): Unit defined in androidx.ui.material
public fun OutlinedTextField(value: String, onValueChange: (String) -> Unit, label: () -> Unit, modifier: Modifier = ..., textStyle: TextStyle = ..., placeholder: (() -> Unit)? = ..., leadingIcon: (() -> Unit)? = ..., trailingIcon: (() -> Unit)? = ..., isErrorValue: Boolean = ..., visualTransformation: VisualTransformation = ..., keyboardType: KeyboardType = ..., imeAction: ImeAction = ..., onImeActionPerformed: (ImeAction, SoftwareKeyboardController?) -> Unit = ..., onFocusChange: (Boolean) -> Unit = ..., onTextInputStarted: (SoftwareKeyboardController) -> Unit = ..., activeColor: Color = ..., inactiveColor: Color = ..., errorColor: Color = ...): Unit defined in androidx.ui.material

Does anyone know how to disable androidx.ui.foundation.Text from being selected? I don't see any mention or properties anywhere talking about say "Disabling selection"

Hi guys, does anyone has an example on how animate a

LinearProgressIndicator

?, by animate i mean to fill the progress to certain value, thanks!

Does the LazyColumnItems have anything similar to recyclerview’s snaphelper?

I am attempting to migrate an existing fragment in MVVM to use compose to render the view, we are currently injecting the viewModel into the Fragment via Dagger, anytime I build I get the following Kapt Exception:

Execution failed for task ‘:app:kaptDebugKotlin’.

> A failure occurred while executing org.jetbrains.kotlin.gradle.internal.KaptExecution

   > java.lang.reflect.InvocationTargetException (no error message)

Any ideas how to get Dagger to place nice with Compose? Fragment Code:

class HomeFragment : Fragment() {

   @Inject
   lateinit var viewModelFactory: ViewModelFactory
   private val vm: HomeViewModel by viewModels { viewModelFactory }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        AndroidSupportInjection.inject(this)
    }

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val fragmentView = inflater.inflate(R.layout.compose_container, container, false)

        (fragmentView as ViewGroup).setContent {
            LetsComposeTheme {
                HomeTabContent()
            }
        }
        return fragmentView
    }
}

@Composable
fun HomeTabContent() {
    VerticalScroller {
          drawSectionCard(createSections())
    }
}

Hi, quick question. I have a

LinearProgressIndicator

below an app bar. Can I hide the progress indicator without affecting the content below it? I am looking for something like

View.INVISIBLE

(and not

View.GONE

).

Hello everyone, is there currently a suggested way of handling navigation in compose? Especially stacked navigation where the bottom view is expected to remain as it is in case user navigates back(kind of like using

add

in fragment transactions).

This might be a noob question, i have a

Scaffold

which has a

bodyContent

with a

Box

and a list inside and it scrolls ok, then, i added a

bottomBar

but now i cant see the bottom of the list, do you know if there's a way to avoid this? Thanks

@Zach Klippenstein (he/him) [MOD] I tried to get your compose-backstack to work with dev14 but there are some changes I don't understand: https://github.com/madhavajay/compose-backstack/commit/bfbb56643a514b6943554ef306cb1c14b4b25791 Any chance you could help me understand what I need to fix to get this working and PR?

I am trying to get a MapView going but I think I am misunderstanding which classes to use with AndroidView and how they work exactly. For maps, it seems like all the examples bind a MapView and a GoogleMap instance to an activity? I don't know how I can construct a MapView and connect it to a GoogleMap object in this AndroidView type pattern. Any help would be greatly appreciated. 🙂

AndroidView(
    modifier = Modifier.fillMaxWidth().fillMaxHeight(),
    view = MapComponent(ctx, options)
)

// the getMapAsync never runs
private fun MapComponent(ctx: Context, options: GoogleMapOptions) = MapView(ctx, options).apply {
    val result = ctx.checkCallingPermission(Manifest.permission.ACCESS_FINE_LOCATION)
    Log.i("MapView", "got permission check value: $result")

    val builder = LatLngBounds.Builder()
    val cameraUpdate = CameraUpdateFactory.newLatLngBounds(builder.build(), 0)

    getMapAsync {
        Log.i("MapView", "Does this run?")
        it.uiSettings.isMyLocationButtonEnabled = true
        it.isMyLocationEnabled = true
        it.mapType = MAP_TYPE_NORMAL
    }
}

// if i try it this way, I don't see how to get a view from a fragment
private fun MapComponent(ctx: Context, options: GoogleMapOptions) = SupportMapFragment.newInstance(options).getMapAsync { 
    
}

Any crud example with sqlite ?

I am a bit confused about drawing polylines on

Canvas

. I see that the

DrawScope.drawPath

function accepts

Path

as a parameter. However, I also found a quite convenient path builder function

PathData

which returns

List<PathNode>

. Can I somehow pass that list of path nodes to

DrawScope.drawPath

, i.e., construct a

Path

from

List<PathNode>

?

Any ConstraintLayout example with ConstraintSet2 ?

Hi all, I'm working on adding Twilio video chat to a project utilizing Compose, and I'm getting a strange compiler-level error from one of the Twilio components. Has anyone attempted this yet, or seen this error before?

java.lang.IllegalArgumentException: Unhandled intrinsic in ExpressionCodegen: FUN IR_EXTERNAL_DECLARATION_STUB name:<get-primaryVideoView> visibility:public modality:FINAL <> ($receiver:android.app.Activity) returnType:com.twilio.video.VideoView?

I haven't called the .xml file that this function is located, but this appears to be a separate activity from my main that's causing the error. Do I need to somehow refactor this into my main activity?

Hello, this is another noob question(maybe), let's say that i have a

@Composable

items, if i want to launch a

Toast

, how can i get the

context

in order to show the

Toast

?

I've been reading the source code of Compose and found that in the

rxjava2

package the

subscribeAsState

function calls

asState

and it uses the

onPreCommit

hook. Why would the

onCommit

hook not work there? I don't really understand the use case of

onPreCommit

.

I’m interested in this as well, is it possible to add an additional property to MaterialTheme e.g. Tertiary, Quaternary? https://kotlinlang.slack.com/archives/CJLTWPH7S/p1594707721231600

Dumb question of the day: Do I have to do something special to see the preview of my composable in the documentation? I mean this:

/**
 * My Component
 *
 * @sample com.example.tempcompose.SimplePreview
 */
@Composable
fun MyComposable() { ... }

@Preview
@Composable
fun SimplePreview() {
    MyComposable()
}

When I hit Cmd+Space I can see the sample code, but not the preview…

I came across a possible bug related to

IconButton

and

Icon

. I'm developing a VideoPlayer fully written in Compose and wanted to add on-screen play/pause button. These icons need to be differentiable on video, so that I chose to use white for icon colors and draw shadow around them. Code looks something like this

IconButton(
    onClick = {
        mediaPlayer.toggle()
        playButtonUiState = mediaPlayer.isPlaying
    }
) {
    Icon(
        asset = if (playButtonUiState) Icons.Filled.Pause else Icons.Filled.PlayArrow,
        modifier = Modifier.drawShadow(elevation = 2.dp)
    )
}

Without shadow, everything seems like to work. State changes and icon is updated when clicked on the button. However, when I add shadow as in the example, icon stops changing. Functionality works but icon gets fixed to

Pause

. Is there something wrong with my code or is this might be a bug?

One of the first things I notice in my journey into the land of Compose (sample apps like Jetnews) is that there are two types of theme files, one legacy type referenced from the manifest file and one new type referenced as code files (e.g. Jetnewssample/app/src/main/java/com/example/jetnews/ui/theme/*.kt). My guess is that the legacy type will go away eventually to be replaced by the code file approach. Would this be a good guess? If not, what is the rational for having both approaches?

Hi. Is it possible to use this technology together with mvvm architecture?

Just implemented a basic transition navigation "framework" in about 200 lines of code. It supports enter/exit transitions defined by a Modifier. So it is easy to define simple transitions. (Already defined are: fadein, fadeout, crossfade, slidein, slideout, roll right/left) For me again this shows that compose is amazing. But get the transition system working in an efficient way was very hard. I used the code from the Crossfade composable as base. And it works now fine but for me little bit of magic. Because i needed to make sure that during the transition animation the content composable is not recomposed. Implementation is here: https://gitlab.com/timod/compose-playground/-/blob/master/app/src/main/java/de/appsonair/compose/Navigation.kt https://gitlab.com/timod/compose-playground/-/blob/master/app/src/main/java/de/appsonair/compose/Transition.kt And a demo how to use is in the MainActivit.kt file.

Nice! I'm implemented something this week, by extending

Crossfade

and allowing you to pass in a `TransitionDefinition`: https://gist.github.com/chrisbanes/c4d199a34366a4e13594f5f98d6e8620

I have noticed that there's no persistent bottom sheet composable. Are there any plans to implement it?