Scribd
Upload
3 views

coding

The document contains a Flutter application with three main files: main.dart, home.dart, and setting.dart. The application features a home page with user input fields and a button to navigate to a settings page, which also includes a back button. Both pages display an image and have a consistent layout with an AppBar and centered content.

Uploaded by

nopaa2627
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

coding

The document contains a Flutter application with three main files: main.dart, home.dart, and setting.dart. The application features a home page with user input fields and a button to navigate to a settings page, which also includes a back button. Both pages display an image and have a consistent layout with an AppBar and centered content.

Uploaded by

nopaa2627
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

1. File main.

dart

import 'package:flutter/material.dart';
import 'home.dart';
import 'setting.dart';

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

class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Pertemuan 7',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: HomePage(),
routes: {
'/settings': (context) => SettingPage(),
},
);
}
}

2. File home.dart

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Card(
child:
Image.asset('assets/stmik.png'),
),
Divider(),
SizedBox(height: 20),
Text(
'TUGAS PERTEMUAN 7',
style: TextStyle(fontSize: 24),
),
SizedBox(height: 20),

Text(
'Welcome to Home',
style: TextStyle(fontSize: 24),
),
SizedBox(height: 20),
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'NAMA : ',
hintText: 'Masukkan Nama Anda',
),
),
SizedBox(height: 20),
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'NIM : ',
hintText: 'Masukkan NIM Anda',
),
),
SizedBox(height: 20),
ElevatedButton(
onPressed: () {
Navigator.pushNamed(context, '/settings');
},
child: Text('Go to setting'),
),
SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(Icons.home),
SizedBox(width: 10),
Text('Home'),
],
),
],
),
),
);
}
}

3. File setting.dart

import 'package:flutter/material.dart';

class SettingPage extends StatefulWidget {

@override
_SettingPageState createState() => _SettingPageState();
}

class _SettingPageState extends State<SettingPage> {


@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Setting'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Card(
child:
Image.asset('assets/stmik.png'),
),
Divider(),
SizedBox(height: 20),
Text(
'Setting Page',
style: TextStyle(fontSize: 24),
),

SizedBox(height: 20),
ElevatedButton(
onPressed: () {
Navigator.pop(context);
},
child: Text('Back to Home'),
),
SizedBox(height: 20),
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(Icons.settings),
SizedBox(width: 10),
Text('Setting'),
],
),
],
),
),
);
}
}
4. TAMPILAN

 TAMPILAN HOME

 TAMPILAN SETTING

You might also like