jlengrand/compose-multiplatform
1
0
Fork 0
mirror of https://github.com/jlengrand/compose-multiplatform.git synced 2026-03-10 08:11:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update web-getting-started example and tutorial

Browse Source
This commit is contained in:
Oleksandr Karpovich
2021-05-31 12:03:47 +02:00
parent f54a4b9664
commit c3403681e2
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
examples/web-getting-started/src/jsMain/kotlin/Main.kt
View File

@@ -1,4 +1,6 @@
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
import androidx.compose.web.css.padding
import androidx.compose.web.css.px
import androidx.compose.web.elements.Button
@@ -8,23 +10,22 @@ import androidx.compose.web.elements.Text
import androidx.compose.web.renderComposable
fun main() {
val count = mutableStateOf(0)
var count: Int by mutableStateOf(0)
renderComposable(rootElementId = "root") {
Div(style = { padding(25.px) }) {
Button(attrs = {
onClick { count.value = count.value - 1 }
onClick { count -= 1 }
}) {
Text("-")
}
Span(style = { padding(15.px) }) {
Text("${count.value}")
Text("$count")
}
Button(attrs = {
onClick { count.value = count.value + 1 }
onClick { count += 1 }
}) {
Text("+")
}

7
tutorials/Web/Getting_Started/README.md
View File

@@ -115,6 +115,13 @@ fun main() {
}
}
```
In case you see an error:
`Type 'MutableState<TypeVariable(T)>' has no method 'getValue(Nothing?, KProperty<*>)'...` or
`Type 'MutableState<TypeVariable(T)>' has no method 'setValue(Nothing?, KProperty<*>, Int)'...`, please add the imports:
```kotlin
import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
```
## Running the project