본문 바로가기

Flutter-플러터

flutter Placeholder

반응형

 

 

오늘 안드로이드 스튜디오를 업데이트를 진행했다. 

 

달라진게 많은 것 같지만 가장 먼저 느낀건 Placeholder 위젯이다. 

 

처음 클래스를 만들 때 아래 단축키를 사용한다. 

stl , stf 위젯 

 

그리고 클래스가 만들어 지면  Container가 기본 위젯으로 나왔는데 

 

갑자기 Placeholder 위젯이 나타났다. 

 

 

 

Flutter Placeholder Widget Examples | TL Dev Tech

 

Flutter Placeholder Widget Examples | TL Dev Tech

Designing complex layouts for applications can take time. Sometimes you want to show a page before it is finished, but you do not want to show a blank page.

www.tldevtech.com

 

 

 

 

 

import 'package:flutter/material.dart';





class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return const Placeholder(
      fallbackWidth: 100,
      fallbackHeight: 100,
      color: Colors.amberAccent,
    );
  }
}

 

안드로이드 스튜디오 업데이트 이후 에뮬레이터가 불안불안...하다 '' ;; 

그래서 크롬으로 위 코드를 열어보았다. 아래처럼 나온다. 

 

 

 

 어플을 제작하는데 시간이 걸린다. 피그마에서 스케치업을 했다 하더라도 실제 코드를 짜보면 내가 생각했던 것 과는 다르게 화면이 안나오는 경우가 있다. 그래서 전체적인 Layout을 구성할 때 위 Placeholder 위젯을 사용하면 좋은 것 같다. 

 

빈 공간 없이 이 곳에는 어떠한 기능의 위젯을 넣을지 충분히 생각 할 수 있는 것 같다. 

 

뭐 Container와 별반 다른게 ... 없는 것 같기도... ㅋㅋ

 

 

728x90
반응형

'Flutter-플러터' 카테고리의 다른 글

flutter datetime 변환작업  (0) 2023.01.29
Flutter dart : Static  (0) 2023.01.18
flutter elevation:  (0) 2023.01.09
class constructor 2편 Ingredient 클래스  (0) 2023.01.05
class constructor 1편 Food 클래스  (0) 2023.01.05