+state

ModelDrawerLayout

ERR: stack=java.lang.IllegalStateException: Expected a group start

+state

implementation("androidx.ui:ui-foundation:0.1.0-dev03")

@Composable
fun PostCardSimple(post: Post) {
    Ripple(bounded = true) {
        Clickable(onClick = {
            navigateTo(Screen.Article(post.id))
        }) {
            Row(modifier = Spacing(16.dp)) {
                PostImage(modifier = Spacing(right = 16.dp), post = post)
                Column(modifier = Flexible(1f)) {
                    PostTitle(post)
                    AuthorAndReadTime(post)
                }
                BookmarkButton(
                    isBookmarked = isFavorite(postId = post.id),
                    onBookmark = { toggleBookmark(postId = post.id) }
                )
            }
        }
    }
}

Spacing

Row

Ripple

Clickable

@Composable
fun PostCardSimple(post: Post) {
    Ripple(bounded = true) {
        Clickable(onClick = {
            navigateTo(Screen.Article(post.id))
        }) {
            Container(modifier = ExpandedWidth) {
                Row(modifier = Spacing(16.dp)) {
                    PostImage(modifier = Spacing(right = 16.dp), post = post)
                    Column(modifier = Flexible(1f)) {
                        PostTitle(post)
                        AuthorAndReadTime(post)
                    }
                    BookmarkButton(
                        isBookmarked = isFavorite(postId = post.id),
                        onBookmark = { toggleBookmark(postId = post.id) }
                    )
                }
            }
        }
    }
}

Clickable(onClick =

Column {
    Container(width = 180.dp, height = 180.dp){
        Clip(shape = RoundedCornerShape(90.dp)) {
            DrawImage(image = image)
        }
    }

platform/frameworks/support/settings.gradle

onActive

onCommit

onDispose

GlobalScope.launch(Dispatchers.Main) {
    // replace delay with some kind of animation on ui elements
    delay(2000)
    navigateTo(Screen.Question)
}

VectorImage

Size

Container

fit = ScaleFit.FillMinDimension

DrawVector

@Composable() () -> Unit

() -> Unit

AlertDialog

@Composable fun AlertDialog(
    onCloseRequest: () -> Unit, 
    title: () -> Unit = null, 
    text: () -> Unit, 
    confirmButton: () -> Unit, 
    dismissButton: () -> Unit = null, 
    buttonLayout: AlertDialogButtonLayout = AlertDialogButtonLayout.SideBySide): Unit

@Composable
fun AlertDialog(
    onCloseRequest: () -> Unit,
    title: @Composable() (() -> Unit)? = null,
    text: @Composable() () -> Unit,
    confirmButton: @Composable() () -> Unit,
    dismissButton: @Composable() (() -> Unit)? = null,
    buttonLayout: AlertDialogButtonLayout = AlertDialogButtonLayout.SideBySide
) : Unit

Router

class MainActivity : AppCompatActivity() {
    private val router = Router(this) {
        schemes("https", "http")
        hosts("<http://memset.com|memset.com>", "<http://www.memset.com|www.memset.com>")

        "/" composeWith { HomeScreenComposer() }
        "/cardeditor" composeWith { CardEditorScreenComposer(model(CardEditorViewModel::class)) }
        ".*" composeTo { Text("404 Not Found") }

    }.startAt("<https://memset.com/>")
}

val router = +ambient(ActiveRouter)

router.goto("<http://memset.com/anywhere>")

onClick

@Composable() () -> Unit

router: Router

DatePicker

AlertDialog

Column(
   crossAxisSize = LayoutSize.Expand,
   mainAxisSize = LayoutSize.Expand) { ... }