instagram 오류.. 당최 원인을 모르겠습니다.

[이현석]

아래는 제 flutter 코드입니다.

코드를 실행하면 아래와 같은 화면이 뜨는데, 또 시간이 지나면 정상적인 화면으로 표시됩니다.

왜 그러는 걸까요..?

 

 

import './style.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

void main() {
runApp(MaterialApp(
theme: theme,
home: MyApp()
)
);
}

class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
var tab = 0;
var data = [];
getData() async {
var result = await http.get(Uri.parse('https://codingapple1.github.io/app/data.json'));
var result2 = (jsonDecode(result.body));
data = result2;
}

@override
void initState() {
super.initState();
getData();
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Instagram"),
actions: [IconButton(
onPressed: (){},
icon : Icon(Icons.add_box_outlined),
iconSize: 30,)]
),
body: [Layout1( data_ : data), Text("샵페이지")]

,
bottomNavigationBar: BottomNavigationBar(
showUnselectedLabels: false,
showSelectedLabels: false,
onTap: (i){
setState(() {
tab = i;
});

},
items: [
BottomNavigationBarItem(icon: Icon(Icons.home_outlined), label: '홈'),
BottomNavigationBarItem(icon: Icon(Icons.shopping_bag_outlined), label: '샵')
],
)
);
}
}

class Layout1 extends StatelessWidget {
const Layout1({Key? key, this.data_}) : super(key: key);
final data_;
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: 3,
itemBuilder: (context, i) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.asset('assets/insta_p.png'),
Text(data_[i]["likes"].toString()), Text(data_[i]["user".toString()]),
Text(data_[i]["content".toString()])]
);
}
);
}
}

[codingapple]

데이터가 도착하면 Text() 이런거 보여달라고 if문같은걸 추가합시다 

[이현석]

initstate()에서 getdata() await으로 데이터 저장 후 data값에 값이 저장 되었으니 if문 추가 안해도 되지 않나요?
만약 해야한다면 어떤 형식으로 해야하는 지 답변 부탁드립니다. 구글링 해봤는데 잘 모르겠어요..ㅠㅠ
그리고 강의에선
Image.network(data_[i]['image']),
Text(data_[i]['likes']),
Text(data_[i]['user']),
Text(data_[i]['content']
이렇게만 입력하셔도 화면에 잘 표시되는데, 왜 전 이렇게 입력하면 타입이 올바르지 않다고 오류가 나는 지 설명 부탁드립니다

[이현석]

앗 그리고 강의 정말 재밌게 보고 있어요
어떤 강의보다 유익하고 실력이 빨리 많이 느는 것 같아요 !
앞으로 더 열심히 하겠습니다 !

[이현석]

헉 그 방법이 다음 영상에서 나오는 군요 !
다음 영상 보기전에 숙제를 꼭 혼자 해내겠다는 생각에..
무작정 질문한 점 죄송합니다 !

[codingapple]

데이터도착보다 위젯렌더링이 먼저되면 그럴 수 있습니다 

[글쓴이]

글