Kotlin

Création de l'interface de connexion

Pour pouvoir vous connecter, vous devez ajouter trois éléments à l'écran :

  • A Button pour se connecter à Alice
  • A Button pour se connecter à Bob

Ouvrir MainActivity.kt et l'ajouter par programme :


class MainActivity : ComponentActivity() {
    private val chatState by viewModels<ChatViewModel>()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            LoginScreen()
        }
    }
}

@Composable
fun LoginScreen() {
    val vm = LocalChatState.current
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Button(onClick = { }) {
            Text("Login as Alice")
        }
        Button(onClick = { }) {
            Text("Login as Bob")
        }
    }
}


Construire et faire fonctionner

Exécutez à nouveau le projet pour le lancer dans le simulateur.

Login interface