[sandi]

dan ini kodingan home_screen.dart nya

import ‘package:flutter/material.dart’;
import ‘package:note_itbox/screens/add_note_screen.dart’;
import ‘../models/note.dart’;
import ‘package:note_itbox/widgets/notes_grid.dart’;

class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
List<Note> _listNote = [
Note(
id: ‘N1’,
title: ‘Catatan Materi Flutter’,
note:
‘Flutter merupakan Software Development Kit (SDK) yang bisa membantu developer dalam membuat aplikasi mobile cross platform. Kelas ini akan mempelajari pengembangan aplikasi mobile yang dapat dijalankan baik di IOS maupun di Android’,
updatedAt: DateTime.parse(‘2021-05-19 20:33:33’),
createdAt: DateTime.parse(‘2021-05-19 20:33:33’),
),
Note(
id: ‘N2’,
title: ‘Target Pembelajaran Flutter’,
note:
‘Peserta dapat mengembangkan aplikasi mobile (IOS dan Android) menggunakan flutter,\nPeserta memahami konsep pengembangan aplikasi menggunakan flutter,\nPeserta dapat menjalankan aplikasi mobile di IOS dan Android ataupun Emulator,\nPeserta memahami bahasa pemrograman Dart,\nPeserta dapat mendevelop aplikasi mobile menggunakan flutter dan dart dari dasar secara berurutan.’,
updatedAt: DateTime.parse(‘2021-05-20 20:53:33’),
createdAt: DateTime.parse(‘2021-05-20 20:53:33’),
),
Note(
id: ‘N3’,
title: ‘Belajar Flutter di ITBOX’,
note: ‘Jangan lupa belajar flutter dengan video interactive di ITBOX.’,
updatedAt: DateTime.parse(‘2021-05-20 21:22:33’),
createdAt: DateTime.parse(‘2021-05-20 21:22:33’),
),
Note(
id: ‘N4’,
title: ‘Resep nasi goreng’,
note:
‘Nasi putih 1 piring\nBawang putih 2 siung, cincang halus\nKecap manis atau kecap asin sesuai selera\nSaus sambal sesuai selera\nSaus tiram sesuai selera\nGaram secukupnya\nKaldu bubuk rasa ayam atau sapi sesuai selera\nDaun bawang 1 batang, cincang halus\nTelur ayam 1 butir\nSosis ayam 1 buah, iris tipis\nMargarin atau minyak goreng 3 sdm.’,
updatedAt: DateTime.parse(‘2021-05-20 21:51:33’),
createdAt: DateTime.parse(‘2021-05-20 21:51:33’),
),
];

void toggleIsPinned(String id) {
int index = _listNote.indexWhere((note) => note.id == id);
if (index >= 0) {
setState(() {
_listNote[index].isPinned = !_listNote[index].isPinned;
});
}
}

void addNote(Note note) {
_listNote.add(note);
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(“Notes”),
),
body: NotesGrid(_listNote, toggleIsPinned),
floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (builder) => AddNoteScreen(addNote),
),
);
},
child: Icon(Icons.add),
),
);
}
}

apakah ada yg salah coach terimakasih

[sandi]

running well udah di debuging tapi begitu di klik button get nya ngga ngambil data apa2
tapi malah muncul convert_patch.dart

Never fail(int position, [String? message]) {
if (message == null) {
message = “Unexpected character”;
if (position == chunkEnd) message = “Unexpected end of input”;
}
throw new FormatException(message, chunk, position);
}
}
bagian throw new formatexception(message, chunk, position); nya kaya di stabilo kuning

terima kasi coach

[sandi]

ini kodingan user_modelnya. dart nya mohon petunjuknya coach barang kali ada yg salah dari kodingan nya
import ‘dart:convert’;
import ‘package:http/http.dart’ as http;

class User {
String id;
String name;

User({this.id, this.name});

factory User.createUser(Map<String, dynamic> object) {
return User(
id: object[“id”].toString(),
name: object[“first_name”] + ” ” + object[“last_name”]);
}
static Future<User> connectAPI(String id) async {
final apiUrl = Uri.parse(“https://reqres.in//api/users/2&#8221; + id);

var apiResult = await http.get(apiUrl);
var jsonObject = json.decode(apiResult.body);
var userData = (jsonObject as Map<String, dynamic>)[‘data’];

return User.createUser(userData);
}
}

[sandi]

kodingan pos_result_model. dart nya

import ‘dart:convert’;
import ‘package:http/http.dart’ as http;

class PostResult {
String id;
String name;
String job;
String created;

PostResult({this.id, this.name, this.job, this.created});

factory PostResult.createPostResult(Map<String, dynamic> object) {
return PostResult(
id: object[“id”],
name: object[“name”],
job: object[“job”],
created: object[“createdAt”]);
}
static Future<PostResult> connectToAPI(String name, String job) async {
final apiUrl = Uri.parse(“https://reqres.in/api/users&#8221;);

var apiResult = await http.post(apiUrl, body: {“name”: name, “job”: job});
var jsonObject = json.decode(apiResult.body);

return PostResult.createPostResult(jsonObject);
}
}

[sandi]

maksudnya respon pada saat di klik butto Get nya coach?
sebelum nya ini kodingan main dart nya

import ‘package:api_demo/post_result_model.dart’;
import ‘package:api_demo/user_model.dart’;
import ‘package:flutter/material.dart’;

void main() => runApp(MyApp());

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

class _MyAppState extends State<MyApp> {
PostResult postResult = null;
User user = null;
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
flexibleSpace: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.blue, Colors.purple],
begin: FractionalOffset.topCenter,
end: FractionalOffset.bottomCenter)),
),
title: Text(
“API DEMO”,
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w700),
),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Text((user != null)
? user.id + “|” + user.name
: “tidak ada data”),
RaisedButton(
onPressed: () {
User.connectAPI(“2”).then((value) {
user = value;
setState(() {});
});
},
child: Text(“get”),
)
],
),
),
),
);
}
}

[sandi]

oh iya saya lupa terima kasih banyak coach

[sandi]

[sandi]

ini screen2.dart

import ‘package:flutter/material.dart’;
import ‘screen1.dart’;

class Screen2 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
flexibleSpace: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.blue, Colors.purple],
begin: FractionalOffset.topCenter,
end: FractionalOffset.bottomCenter)),
),
title: Text(“Screen 2”),
),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.pop(context);
{
return Screen1();
}
;
},
child: Text(“Back to screen 1”),
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(Colors.purple),
),
),
),
),
);
}
}

mohon batuanya coach salah saya sebelah mana …terima kasih coach

[sandi]

ini screen1.dart

import ‘package:flutter/material.dart’;
import ‘package:praktik_navigator_part1_itbox/screen2.dart’;
import ‘screen2.dart’;

class Screen1 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.red,
title: Text(“Screen 1”),
),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.push(context, MaterialPageRoute(builder: (context) {
return Screen2();
}));
},
child: Text(“Go to Screen 2”),
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(Colors.red),
),
),
),
);
}
}

[sandi]

ini screen0.dart

import ‘dart:html’;

import ‘package:flutter/material.dart’;
import ‘screen1.dart’;
import ‘screen2.dart’;

class Screen0 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
flexibleSpace: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.amber, Colors.amberAccent],
begin: FractionalOffset.topLeft,
end: FractionalOffset.bottomRight),
)),
title: Text(“screen 0”),
),
body: Center(
child: Column(
children: [
ElevatedButton(
onPressed: () {},
child: Text(“Go To Screen 1”),
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(Colors.amber)),
),
ElevatedButton(
onPressed: () {},
child: Text(“Go To Screen 2 “),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.all(Colors.amberAccent)),
)
],
),
),
),
);
}
}

[sandi]

ini kodingan main.dart nya

import ‘dart:js’;
import ‘package:flutter/material.dart’;
import ‘./screen1.dart’;
import ‘screen2.dart’;
import ‘screen0.dart’;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
//home: Screen0(),
initialRoute: “/”,
routes: {
“/”: (context) => Screen0(),
“/first”: (context) => Screen1(),
“/second”: (context) => Screen2(),
},
);
}
}

[sandi]

dan ini kodingan main_page.dart nya

import ‘package:flutter/material.dart’;
import ‘package:qrscan/qrscan.dart’ as scanner;

class MainPage extends StatefulWidget {
@override
_MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
String text = “hasil QR Scan”;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(“QR Scan”),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(text),
SizedBox(
height: 20,
),
RaisedButton(
child: Text(“Scan”),
onPressed: () async {
text = await scanner.scan();
setState(() {});
},
)
],
),
),
);
}
}

kira2 salah nya dimana ya coach mohon pencerahanya…terimakasih

[sandi]

ini kodingan main.dart saya

import ‘package:flutter/material.dart’;
import ‘main_page.dart’;
import ‘package:qrscan/qrscan.dart’ as scanner;

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: MainPage(),
);
}
}

[sandi]

baik coach saya coba dulu ya terima kasih

[sandi]

`import ‘dart:convert’;

import ‘package:http/http.dart’ as http;

class PostResult {
String id;
String name;
String job;
String created;

PostResult(
{required this.id,
required this.name,
required this.job,
required this.created});

factory PostResult.createPostResult(Map<String, dynamic> object) {
return PostResult(
id: object[“id”],
name: object[“name”],
job: object[“job”],
created: object[“createdAt”]);
}
static Future<PostResult> connectToAPI(String name, String job) async {
String apiUrl = “https://reqres.in/api/users”;

var apiResult = await http.post(apiUrl, body: {“name”: name, “job”: job});
var jsonObject = json.decode(apiResult.body);

return PostResult.createPostResult(jsonObject);
}
}
“error nya di bagian (apiUrl) tolong pencerahanya coach”

[Author]

Posts