묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Flutter 앱 개발 기초
플러터설치어떻게하나요?
설치과정문서로보내준다고하는데 맞나요?
-
해결됨Flutter 앱 개발 기초
초급이나 중급 언제 올리시나요?
입문은 올리신지 얼마안됬지만 초급 중급도 빨리 올라왔으면 좋겠네요
-
미해결
UI툴(sketch, figma)에서 제작한 결과물을 플러터로 변환이 가능한가요?
플러터를 쓰시는 회사나 조직에서는 디자인 리소스를 어떻게 적용 시키는지 궁금합니다. 이와 관련된 정보가 많지 않아서, 여기에 질문을 하게 됐는데요. 답변 부탁드립니다. 그리고 인프런에 관련된 강의가 있는지 궁금합니다.
-
미해결Flutter 초급 - Http통신, 상태관리
강의를 보다 listview 기능에 의문이 생겨 질문드립니다.
안녕하세요. 입문강의 시청 후 중급강의 시청 도중 의문이 생겨 질문 남겨봅니다. ListView 를 사용하여 수백 수천개의 많은 수의 child를 생성하면 많이 버벅이더라구요. 이 부분은 원인을 찾았고 ListView.builder로 해결했지만 ListView builder를 사용하므로 다른 문제가 생겼습니다. TabView 내부의 ListView builder를 사용하여 많은 child가 생성된 경우 다른탭으로 이동후 해당 탭으로 복귀 시 지연시간이 오래 걸리더라구요. 아마 많은 child를 랜더링한다고 생기는문제인거같은데 공식문서에 따르면 builder를 사용해야 재사용된다고 하던데 이 문제는 어떻게 해결할 수 있나요? - 많은 child를 가지고 있는 TabBar 내부의 한화면이 Tab을 이동 후 복귀해도 해당 포지션을 유지하고 Tab접환 시 지연이 없도록 하는 방법이 궁금합니다. (itemExtent를 통해 높이를 고정해주는 방법이 있던데 각각의 child의 높이를 다르게 설정하고 싶습니다.)
-
미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
FirebaseFrirestroe 사용시 아래코드로 하시면 됩니다.
cloud_firestore3.1.10 사용시 참고하세요 class _HomeScreenState extends State<HomeScreen> { FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance; late Stream<QuerySnapshot> streamData; @override void initState() { super.initState(); streamData = firebaseFirestore.collection('movie').snapshots(); } Widget _fetchData(BuildContext context) { return StreamBuilder<QuerySnapshot>( stream: FirebaseFirestore.instance.collection('movie').snapshots(), builder: (context, snapshot) { if (!snapshot.hasData) { return LinearProgressIndicator(); } return _buildBody(context, snapshot.data!.docs); }); } Widget _buildBody(BuildContext context, List<DocumentSnapshot> snapshot) { List<Movie> movies = snapshot.map((d) => Movie.fromSnapshot(d)).toList(); return ListView(children: [ Stack( children: [CarouselImage(movies: movies), TopBar()], ), CircleSlider(movies: movies), BoxSlider(movies: movies) ]); } @override Widget build(BuildContext context) { return _fetchData(context); } }
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
플러터 파이어베이스 푸시알림 (fcm, functions, flutter)
안녕하세요! 강의를 다 듣고, 푸시 알림도 구현하고 싶어서 구글링하면서 구현하고 있는데 막히는 부분이 있어 질문 드립니다. 테스트 메세징으로는 푸시 알림이 잘 오는데, firebase functions에 deploy 한 코드를 작동? 트리거 시켰을 때는 로그에만 뜨고, 애뮬레이터에는 푸시 알림이 안오는데 어디에 문제가 있는지 잘 모르겟습니다 ㅠㅠ - firebase functions log 캡쳐 화면 - index.js 코드
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
Unable to find git in your PATH. 오류 문의
우선, 빠르고 친절한 답변 정말 감사드립니다. 어제 수강하고 집에서는 잘 됐는데 다른 환경의 컴퓨터에서 플러터를 압축을 풀고 진행해보니 flutter 명령어 에러가 뜹니다. [시도해본것] 1. github를 재설치 2. 환경변수에 github 추가 3. https://stackoverflow.com/questions/65678581/flutter-error-unable-to-find-git-in-your-path-in-windows 나온것처럼 github를 설치할때 Use Git and optional unix tools from the command prompt를 체크하고 설치 위 3가지 조치를 해봐도 아래와 같은 오류가 뜹니다. 오전내내 씨름하다가 혹시 해결하는 방법이 있나해서 문의 드립니다.
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
이미지 추가 버튼 누를 시 앱이 팅깁니다.
안녕하세요. 아래의 코드를 적용한 뒤 이미지 추가 버튼을 클릭하면 앱이 아예 꺼집니다. //ImagePicker final ImagePicker _picker = ImagePicker(); File? _imageFile; //갤러리 연동을 위해 사용 Future<void> _getImage() async { //ImagePiker var image = await _picker.pickImage(source: ImageSource.gallery); setState(() { _imageFile = File(image!.path); }); } } sdk 2.12, imagePicker 패키지는 0.8.4 버전이고 연결이 끊겼다는것 외에는 다른 오류는 출력되지 않습니다. create_page.dart의 전체 코드입니다. import 'dart:io'; import 'dart:async'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; //갤러리 또는 카메라 연동하는 패키지 class createPage extends StatefulWidget { const createPage({Key? key}) : super(key: key); @override _createPageState createState() => _createPageState(); } class _createPageState extends State<createPage> { //입력창을 위한 객체 생성 final TextEditingController createText = TextEditingController(); //ImagePicker final ImagePicker _picker = ImagePicker(); File? _imageFile; //갤러리 연동을 위해 사용 //dispose : 객체가 해제될 때 (더 이상 사용되지 않을때) 그 객체에 있던 메모리를 삭제, 자원 관리를 위해 사용 //_createPageState가 제거될 때 호출됨 @override void dispose() { // TODO: implement dispose createText.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: _buildAppbar(), body: _buildBody(), //메소드 생성해서 정의 floatingActionButton: FloatingActionButton( //갤러리에서 이미지 가져오기 (image_picker 패키지 사용) onPressed: _getImage, backgroundColor: Colors.blue, child: Icon(Icons.add_a_photo), ), ); } _buildAppbar() { return AppBar( //앱바 오른쪽에 아이콘 생성 actions: [ Icon(Icons.send), ], ); } _buildBody() { return SingleChildScrollView( //스크롤 추가 child: Column( children: [ //이미지 출력 부분 //이미지가 선택되지 않았을 때(null)는 텍스트 출력, 선택되었다면 선택된 이미지를 출력 _imageFile == null ? Text("No Image") : Image.file(_imageFile!), //입력창 생성 TextField( controller: createText, //텍스트필드의 스타일 설정 decoration: InputDecoration( hintText: "내용을 입력하세요", //기본값 ), ) ], ), ); } //갤러리 연동 //이미지를 File로 만들어 줘야하기 때문에 비동기 처리 방식 사용? Future<void> _getImage() async { //ImagePiker var image = await _picker.pickImage(source: ImageSource.gallery); setState(() { _imageFile = File(image!.path); }); } } _getImage 메소드의 문제일까요? 감사합니다.
-
미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
({this.movies}); 에서 movies가 에러나는 이유를 모르겠습니다 ㅠㅠ
이게 에러나서 그런지 movies; images; likes; _currentKeyword; 얘네도 다 에러나네요.. 아시는분 댓글좀요 !! List<Movie> movies; List<Widget> images; List<String> keywords; List<bool> likes; int _currentPage = 0; String _currentKeyword;
-
미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
2021.03.17일 기준입니다
두시간이나 헤맨것 같습니다... 현재 carouselslider 버젼 3.0.0이구요 carousel_slider: ^3.0.0 으로 입력하신다음에 꼭 carousel_slider.dart 가셔서 import 'package:carousel_slider/carousel_slider.dart';해주시고요.... (전 이거 안하고서 멍청하게 안된다고 찡찡거림) 그 뒤에 하단 처럼 작성하시면 될거에요.... 진짜.. 문제 자가 해결능력을 주셔서 감사합니다.. 스앵님 무사제대응원합니다! :-) CarouselSlider( items: images, options:CarouselOptions( onPageChanged:(index, reason){ setState((){ _currentpage =index; _currentKeyword = keywords[_currentPage]; }); }), ),
-
미해결
플러터 닥터 오류
이런 오류는 어떻게 해결해야 하나요???????????????? 미치겠습니다
-
미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
snapshot.data 오류
error: The argument type 'Map<String, dynamic> Function()' can't be assigned to the parameter type 'Map<String, dynamic>'. (argument_type_not_assignable at [netflix_clone_test] lib/model/model_movie.dart:17) snapshot.data 자체에 오류가 발생하는데 원인 파악을 못하겠습니다..ㅜㅠ
-
미해결플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택]
[Overflow] MediaQuery 반응형 관련 질문
무작위 플러터 앱 따라 해봤는데요! 반응형 웹이라 스마트폰 크기 상관 없이 자동으로 화면이 맞춰지는 걸로 알고 있는데 overflow 오류가 뜨는 이유는 무엇일까요? MediaQuery 위젯 사용해서 변수값에 화면 넓이랑 높이 설정해주고 나머지 패딩 값을 이 높이 너비 값을 이용해서 값을 넣어주는 강의방식 및 값 그대로 따라했습니다!
-
미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
bottom overflowed by 6.0 pixels
안녕하세요! 강의 다시 따라하고 있는데 ui 설정을 하고나니 하단에 저렇게 bottom overflowed 6.0 pixels가 떠서요 구글링으로 Scaffold 하위에 resizeToAvoidBottomPadding: false, 를 줘보긴했는데 해결이 안되서..(물론 제가 잘못했을수도 있습니다) 어떻게 해결,,하면 좋을까요!? ════════ Exception caught by rendering library ═════════════════════════════════ The following assertion was thrown during layout: A RenderFlex overflowed by 6.0 pixels on the bottom. The relevant error-causing widget was Tab lib\widget\bottom_bar.dart:35 The overflowing RenderFlex has an orientation of Axis.vertical. The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex. Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size. This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView. The specific RenderFlex in question is: RenderFlex#76b9b relayoutBoundary=up11 OVERFLOWING ════════════════════════════════════════════════════════════════════════════════
-
미해결Flutter 초급 - Http통신, 상태관리
could not reach cloud firestore backend 에러가 자꾸 발생합니다ㅠㅠ
안녕하세요 선생님 강의 잘 듣고있습니다. 이번 강의에는 포함되지 않은 내용인데 검색해도 뾰족한 방법이 없어서 부득이 질문 드립니다ㅠㅠ 플러터 생존코딩 책에서 Streambuilder와 Firebase를 이용하여 데이터를 실시간으로 받아서 앱에서 출력하는 부분을 작성하고있었습니다. 책에서 나오는 대로 Firebase와 연결을 하고 앱을 실행했는데 자꾸 아래와 같은 메시지가 나옵니다. W/Firestore(11071): (21.3.0) [OnlineStateTracker]: Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: Status{code=PERMISSION_DENIED, description=The project was disabled or deleted., cause=null} W/Firestore(11071): This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend. 그래서 혹시몰라서 코드에 snapshot에 데이터가 있을 경우 휴지통을 출력하게 했는데 시간이 좀 걸렸지만 휴지통이 나오더군요ㅠㅠ 집에서 하는거라 인터넷도 연결이 되어있고 이전에는 됐었는데 연습한다고 코드 다시 짰더니 이런 문제가 발생했습니다ㅜㅜ 답변 부탁드리겠습니다.ㅠㅠ
-
미해결Flutter 입문 확장판 - 인스타그램 클론 2.0
flutter bloc패턴이나 디자인 패턴관련해서 강의계획 혹시 있으세요?
flutter bloc, stream 패턴 관련된 강의계획 있으신지 궁금합니다'-'ㅎ
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
죄송합니다만 에러 관련해서 문의 드립니다
FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:checkDebugDuplicateClasses'. > 1 exception was raised by workers: java.lang.RuntimeException: java.lang.RuntimeException: Duplicate class com.google.android.gms.internal.measurement.zzu found in modules classes.jar (com.google.android.gms:play-services-measurement-base:17.2.2) and classes.jar (com.google.firebase:firebase-analytics-impl:16.2.2) .... 이런 에러가 나는데 어떤걸까요,,,
-
해결됨Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
firebase에서 "ios앱에 firebase추가" 2번째 구성파일 추가
Q. Windows 환경 안드로이드 스튜디오 쓰고 있는데XCode 없이 이 환경내에서 iOS Setting을 하고싶은데.. flutter project에서 iOS 구성파일을 추가하려면 어떻게 하면 될까요?