MitraIde

News

Cari Di Situs Ini

Kamis, 01 Februari 2024

Cara merubah variabel di Flutter

 Halo gaes, kali ini kita akan mencoba membuat coding fllutter yang berfungsi merubah variabel ketika kita tekan suatu tombol, 




Bisa diperhatikan nama variabel kita adalah "Siswa Baru", 

sedangkan codenya adalah sebagai berikut, 

main.dart:

import 'package:flutter/material.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
// Variabel awal
var namaSiswa = "ini nama siswa";

// Fungsi untuk merubah nilai variabel
void changeName() {
print(namaSiswa);
setState(() {
namaSiswa = "Nama Siswa Baru";
});
}


@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Variable Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
namaSiswa,
style: TextStyle(fontSize: 18),
),
SizedBox(height: 20),
ElevatedButton(
onPressed: () {
// Panggil fungsi untuk merubah nilai variabel
changeName();
},
child: Text('Change Name'),
),
],
),
),
),
);
}
}