[Flutter 2일차] / blog_web_app

ttt00·2026년 3월 30일

Flutter

목록 보기
2/6
row : 가로 배치
colum : 세로 배치
callback 함수 : 나중에 실행되도록 다른 함수에 전달되는 함수
MaterialApp : flutter에 최상위의 위젯, MaterialApp안에 home 매개변수안에 입력하는 것
위젯 : 화면을 구성에 필요한 것들
Scaffold 위젯
- 상단바 : appBar
- 본문 
- 하단 버튼
- 네비게이션바
casecade operator : .. 연산자를 사용해서 특정 인스턴스의 속성이나 멤버 함수를 연속해서 사용할 수 있게 하는 연산자
build : 위젯 반환


➡️ 인터넷 권한

수업코드

home_screen.dart

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class HomeScreen extends StatelessWidget {

  WebViewController webViewController = WebViewController()

  ..loadRequest(Uri.parse('http://blog.codefactory.ai'))

  ..setJavaScriptMode(JavaScriptMode.unrestricted);

  HomeScreen({Key? key}) : super (key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(

      appBar: AppBar(
        backgroundColor: Colors.yellow,

        title: Text('다연쌤 최고'),
        centerTitle: true,

      ),
      body: WebViewWidget(
        controller: webViewController, //속성에 : 를 연결해야 웹 뷰
      )
    );
  }
}

main.dart

import 'package:blog_web_app/screen/home_screen.dart';
import 'package:flutter/material.dart';
void main() {
  runApp(
    MaterialApp(
      home: HomeScreen(),

    ),
  );
}

결과물

0개의 댓글