플러터 웹코드 봐주실분 있을까요?

Question

게시판 서비스를 만들어 보려고 합니다. 앱으로는 잘 불러와 지는데 ... 웹에서는 안되네요 ㅜㅜ웹으로하면 에러가 뜨는것도 아니고 왜그럴까요?CircularProgressIndicator여기서 써클만 빙빙도는게 이틀하다가 ... 질문드립니다api서버 aws(ssl적용)에 만들어서 포스트맨으로 값뜨는것도 확인했고 안드로이드 스튜디오에서 가상폰화면에 띄우는것도 했습니다.사용버전은 아래와 같습니다플러터 버전 3.13.8다트 3.1.4environment: sdk: '>=3.1.3 <4.0.0' dependencies: flutter: sdk: flutter go_router: 8.0.3 cupertino_icons: ^1.0.5 json_annotation: ^4.8.1 build_runner: ^2.4.1 http: ^1.1.0 data_table_2: ^2.5.8 dev_dependencies: flutter_test: sdk: flutter json_serializable: ^6.7.1 flutter_lints: ^2.0.1해당 화면코드import 'package:Flutter_Board/models/BoardPaser.dart'; import 'package:Flutter_Board/widgets/appbar.dart'; import 'package:Flutter_Board/widgets/drawer.dart'; import 'package:data_table_2/data_table_2.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; import 'dart:convert'; import 'package:http/http.dart' as http; /// Widget for the root/initial pages in the bottom navigation bar. class Boards extends StatefulWidget { /// Creates a RootScreen const Boards({ required this.label, required this.detailsPath, Key? key, }) : super(key: key); /// The label final String label; /// The path to the detail page final String detailsPath; @override State createState() => _BoardsState(); } class _BoardsState extends State { final scaffoldKey = GlobalKey(); Future?>? _boardList; @override void initState() { super.initState(); _boardList = _getBoardList(); } final String url = "https://terraforming.info/main/"; Future> _getBoardList() async { final http.Response res = await http.get(Uri.parse('$url')); if (res.statusCode == 200) { final List result = jsonDecode(res.body) .map((data) => BoardPaser.fromJson(data)) .toList(); return result; } else { throw Exception('Failed to load boards'); } } /// 메인 페이지 내용 @override Widget build(BuildContext context) { final deviceWidth = MediaQuery.of(context).size.width; print('width★★★★ : ${MediaQuery.of(context).size.width}'); return Scaffold( appBar: BaseAppBar( title: "커뮤니티", appBar: AppBar(), ), //라우팅쪽 label body: Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Text('Screen ${widget.label}', style: Theme.of(context).textTheme.titleLarge), // const Padding(padding: EdgeInsets.all(4)), TextButton( onPressed: () => context.go(widget.detailsPath), child: const Text('갈수 있어 details 돌리기전???11111'), ), // Expanded( // child: FutureBuilder( // future: _boardList, // builder: (context, snapshot) { // if (snapshot.hasData) { // return ListView.builder( // primary: false, // scrollDirection: Axis.vertical, // shrinkWrap: true, // itemCount: snapshot.data!.length, // itemBuilder: (context, index) { // return Container( // padding: const EdgeInsets.all(15), // child: Column( // crossAxisAlignment: CrossAxisAlignment.start, // children: [ // Text("ID: ${snapshot.data![index].id}"), // Text("Title: ${snapshot.data![index].title}"), // Text("내용: ${snapshot.data![index].description}"), // Text("줄: ${snapshot.data!.length}"), // ], // ), // ); // }, // ); // } else { // return const Center( // child: CircularProgressIndicator( // strokeWidth: 2, // ), // ); // } // }, // ), // ), Expanded( child: FutureBuilder( future: _boardList, builder: (context, snapshot) { if (snapshot.hasData) { return ListView.builder( primary: false, scrollDirection: Axis.vertical, shrinkWrap: true, itemCount: snapshot.data!.length, itemBuilder: (context, index) { return Container( padding: const EdgeInsets.all(1), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( mainAxisAlignment: MainAxisAlignment.start, children: [ Text("${snapshot.data![index].id} "), Padding( padding: const EdgeInsets.fromLTRB( 8, 0, 0, 0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox( width: deviceWidth * 0.7, child: Text( "${snapshot.data![index].title} ", overflow: TextOverflow.fade, maxLines: 1, softWrap: false, ), ), SizedBox( width: deviceWidth * 0.7, child: Text( "내용: ${snapshot.data![index].description}", style: Theme.of(context) .textTheme .labelSmall, overflow: TextOverflow.fade, maxLines: 1, softWrap: false, ), ), ], ), ), ], ), Column( crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( "지원자", style: Theme.of(context) .textTheme .labelSmall! .copyWith(color: Colors.black54), ), Text( "122", style: Theme.of(context) .textTheme .labelSmall! .copyWith(color: Colors.black54), ), ], ), ], ), ], ), ); }, // separatorBuilder: (BuildContext context, int index) => // const Divider(), ); } else { print('☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆'); return const Center( child: CircularProgressIndicator( strokeWidth: 20, ), ); } }, ), ), ], ), ), drawer: const BaseDrawer(), // drawer: const BaseDrawer(), ); } } /// The details screen for either the A or B screen. class BoadrsFree extends StatefulWidget { /// Constructs a [DetailsScreen]. const BoadrsFree({ required this.label, Key? key, }) : super(key: key); /// The label to display in the center of the screen. final String label; @override State createState() => DetailsScreenState(); } /// The state for DetailsScreen class DetailsScreenState extends State { int _counter = 0; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Details Screen - ${widget.label}'), ), body: Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Text('개발세발 for ${widget.label} - Counter: $_counter', style: Theme.of(context).textTheme.titleLarge), const Padding(padding: EdgeInsets.all(4)), TextButton( onPressed: () { setState(() { _counter++; }); }, child: const Text('Increment counter'), ), ], ), ), drawer: const BaseDrawer(), ); } } class BoadrsDevelop extends StatefulWidget { const BoadrsDevelop({Key? key, required this.label}) : super(key: key); final String label; @override State createState() => _BoadrsDevelopState(); } class _BoadrsDevelopState extends State { int _counter = 0; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Details Screen - ${widget.label}'), ), body: Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Text('Details for ${widget.label} - Counter: $_counter', style: Theme.of(context).textTheme.titleLarge), const Padding(padding: EdgeInsets.all(4)), TextButton( onPressed: () { setState(() { _counter++; }); }, child: const Text('Increment counter'), ), ], ), ), drawer: const BaseDrawer(), ); } }

플러터 웹코드 봐주실분 있을까요?

0개의 답변

Q&A 목록