tianzixuan/compose-multiplatform-ios-android-template
Archived
Template
1
0
Fork 0
Code Issues 1 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Update README code to reflect current state of App.kt file

Browse Source
This commit is contained in:
Sebastian Aigner 2023-03-31 19:55:08 +02:00
parent 8916ce3cc3
commit 1e6a31bc1d
1 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
README.md
View File

@ -142,17 +142,27 @@ run configuration.
### Make your first changes ### Make your first changes
The common entry point for your Compose Multiplatform app is located in `shared/src/commonMain/kotlin/App.kt`. Here, you will see the code that is responsible for rendering the "Hello, World" button. If you make changes here, you will see them reflected on both Android and iOS: The common entry point for your Compose Multiplatform app is located in `shared/src/commonMain/kotlin/App.kt`. Here, you will see the code that is responsible for rendering the "Hello, World" button and the animated Compose Multplatform logo. If you make changes here, you will see them reflected on both Android and iOS:
```kotlin ```kotlin
@OptIn(ExperimentalResourceApi::class)
@Composable @Composable
internal fun App() { internal fun App() {
MaterialTheme { MaterialTheme {
var text by remember { mutableStateOf("Hello, World!") } var greetingText by remember { mutableStateOf("Hello, World!") }
var showImage by remember { mutableStateOf(false) }
Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
Button(onClick = { Button(onClick = {
text = "Hello, ${getPlatformName()}" greetingText = "Hello, ${getPlatformName()}"
showImage = !showImage
}) { }) {
Text(text) Text(greetingText)
}
AnimatedVisibility(showImage) {
Image(
painterResource("compose-multiplatform.xml"),
null
)
}
} }
} }
} }
@ -160,18 +170,27 @@ internal fun App() {
Update the shared code by adding a text field that will update the name displayed on the button: Update the shared code by adding a text field that will update the name displayed on the button:
```kotlin ```diff
@OptIn(ExperimentalResourceApi::class)
@Composable @Composable
internal fun App() { internal fun App() {
MaterialTheme { MaterialTheme {
var text by remember { mutableStateOf("Hello, World!") } var greetingText by remember { mutableStateOf("Hello, World!") }
Column { var showImage by remember { mutableStateOf(false) }
Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
Button(onClick = { Button(onClick = {
text = "Hello, ${getPlatformName()}" greetingText = "Hello, ${getPlatformName()}"
showImage = !showImage
}) { }) {
Text(text) Text(greetingText)
}
+ TextField(greetingText, onValueChange = { greetingText = it })
AnimatedVisibility(showImage) {
Image(
painterResource("compose-multiplatform.xml"),
null
)
} }
TextField(text, onValueChange = { text = it })
} }
} }
} }