커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
1-10 숙제하기 border 의 색상변경 미적용 이유가 궁금해요 (enabledBorder,focusedBorder 확인)
[왕초보] 플러터(Flutter)로 시작하는 앱개발 종합반 v0
1주차
북마크
강*종
댓글
11
추천
1
조회수
30
조회수
30
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


전 질문에서 해결방법은 알려주셨는데요

저는 border 의 색깔을 변경해도 앱에서 변화가 없는게 이상해요

검색도하고 챗gpt 한테도 물어보고 했는데 찾기가 어려워서 질문드려요



스파르타 즉문즉답





import 'package:flutter/material.dart';


void main() {

  runApp(MyApp());

}


class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

   return MaterialApp(

    debugShowCheckedModeBanner: false,

    home: HomePage(), // 홈페이지 보여주기

  );

 }

}


class HomePage extends StatelessWidget {

  const HomePage({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

   // 음식 사진 데이터

   List<Map<Stringdynamic>> dataList = [

   {

     "category": "탑건: 매버릭",

     "imgUrl": "https://i.ibb.co/sR32PN3/topgun.jpg",

   },

   {

     "category": "마녀2",

     "imgUrl": "https://i.ibb.co/CKMrv91/The-Witch.jpg",

   },

   {

     "category": "범죄도시2",

     "imgUrl": "https://i.ibb.co/2czdVdm/The-Outlaws.jpg",

   },

   {

     "category": "헤어질 결심",

     "imgUrl": "https://i.ibb.co/gM394CV/Decision-to-Leave.jpg",

   },

   {

     "category": "브로커",

     "imgUrl": "https://i.ibb.co/MSy1XNB/broker.jpg",

   },

   {

     "category": "문폴",

     "imgUrl": "https://i.ibb.co/4JYHHtc/Moonfall.jpg",

   },

  ];


   // 화면에 보이는 영역

   return Scaffold(

    appBar: AppBar(

     backgroundColor: Colors.transparent,

     centerTitle: false,

     elevation: 0,

     title: Text(

      "Movie Reviews",

      style: TextStyle(

       fontSize: 28,

       fontWeight: FontWeight.bold,

       color: Colors.black,

     ),

    ),

     actions: [

      IconButton(

       onPressed: () {},

       icon: Icon(

        Icons.person_outline,

        color: Colors.black,

      ),

     ),

    ],

   ),

    body: Column(

     children: [

      Padding(

       padding: const EdgeInsets.all(8.0),

       child: TextField(

        enabled: true,

        decoration: InputDecoration(

         hintText: "영화 제목을 검색해주세요.",

         border: OutlineInputBorder(

          borderSide: BorderSide(

           color: Colors.red// Default border color

         ),

        ),

         enabledBorder: OutlineInputBorder(

          borderSide: BorderSide(

           color: Colors.blue// 테두리를 투명하게 만듭니다.

         ),

        ),

         focusedBorder: OutlineInputBorder(

          borderSide: BorderSide(

           color: Colors.green// Border color when focused

         ),

        ),

         suffixIcon: IconButton(

          onPressed: () {},

          icon: Icon(Icons.search),

        ),

       ),

      ),

     ),

      Divider(

       height: 1,

     ),

      Expanded(

       child: ListView.builder(

        itemCount: dataList.length,

        itemBuilder: (contextindex) {

         String category = dataList[index]["category"];

         String imgUrl = dataList[index]["imgUrl"];

         return Card(

          child: Stack(

           alignment: Alignment.center,

           children: [

            Image.network(

             imgUrl,

             width: double.infinity,

             height: 200,

             fit: BoxFit.cover,

           ),

            Container(

             height: 200,

             width: double.infinity,

             color: Colors.black.withOpacity(0.5),

           ),

            Text(

             category,

             style: TextStyle(color: Colors.whitefontSize: 36),

           )

          ],

         ),

        );

       },

      ),

     ),

    ],

   ),

  );

 }

}




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴