flutter) 커스텀 위젯을 파일로 분리해서 import하기

import 'package:flutter/material.dart';
import 'package:practice/gradient_container.dart';
// =>> 프로젝트명/파일명

void main() {
  runApp() {
    const MaterialApp(
        home: Scaffold(
      body: GradientContainer(),
    ));
  }
}

 

 

 

 

 

import 'package:flutter/material.dart';

class GradientContainer extends StatelessWidget {
  const GradientContainer({super.key});

  @override
  Widget build(context) {
    return Container(
      decoration: const BoxDecoration(
        gradient: LinearGradient(colors: [
          Colors.red,
          Colors.blue,
        ], begin: Alignment.topLeft, end: Alignment.bottomRight),
      ),
      child: const Center(
        child: Text(
          'Hello World !!',
          style: TextStyle(fontSize: 28, color: Colors.white),
        ),
      ),
    );
  }
}

 

 

 

 

 

 

주의할 점은

파일명은 단어사이에 언더바로 처리하고

커스텀 위젯 명은 카멜케이스로 처리한다.