커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
텍스트 질문 있습니다.
[왕초보] 플러터(Flutter)로 시작하는 앱개발 종합반 v0
기타
북마크
권*운
댓글
1
추천
0
조회수
10
조회수
10
답변 완료

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

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


질문 내용

아래 사진처럼 소개란 텍스트를 추가하려고 하는데 텍스트를 추가하면 2번째 결과 사진처럼 관심사 항목 아래에 텍스트가 추가가 됩니다.

소개란을 아래의 1번째 사진처럼 추가하려면 어디 부분에 text를 추가해야 하나요?

아니면 초기의 child: Row가 아닌 child: Column 인가요?

스파르타 즉문즉답스파르타 즉문즉답




작성한 코드 및 에러 메세지

import 'package:flutter/cupertino.dart';

import 'package:flutter/material.dart';


void main() {

  runApp(const MyApp());

}


class MyApp extends StatelessWidget {

  const MyApp({super.key});

  @override

  Widget build(BuildContext context) {

    final List<String> images = [

      "https://i.namu.wiki/i/ZK5KQRHUtu4xDpDJkYGimSK6rzlG1H-LNGeMb9se6XWZcmx4GXSMvwKe946EaCXzIwX2wCibID24I1WKTgwPkeVfBP_5U2DCfIWl1tX_Xq8hXdNYY1yafieuSyZiS9EW3S_0lzcBTDTH41scRtysaA.webp"

    ];

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      home: DetailPage(),

    );

  }

}


// 프로필 소개 페이지

class DetailPage extends StatelessWidget {

  DetailPage({super.key});


  TextEditingController contentController = TextEditingController();


  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        actions: [],

      ),

      body: Padding(

        padding: const EdgeInsets.all(20.0),

        child: Row(

          crossAxisAlignment: CrossAxisAlignment.start,

          mainAxisAlignment: MainAxisAlignment.spaceAround,

          children: [

            // CilpRRect 를 통해 이미지에 곡선 border 생성

            ClipRRect(

              borderRadius: BorderRadius.circular(5),

              // 이미지

              child: Image.network(

                'https://i.namu.wiki/i/ZK5KQRHUtu4xDpDJkYGimSK6rzlG1H-LNGeMb9se6XWZcmx4GXSMvwKe946EaCXzIwX2wCibID24I1WKTgwPkeVfBP_5U2DCfIWl1tX_Xq8hXdNYY1yafieuSyZiS9EW3S_0lzcBTDTH41scRtysaA.webp',

                width: 200,

                height: 245,

                fit: BoxFit.cover,

              ),

            ),


            //간략 자기소개

            Expanded(

              child: Column(

                children: [

                  Divider(),

                  Container(

                    width: MediaQuery.of(context).size.width * 0.8,

                    child: Text(

                      "  이름 : 권경운",

                      style: TextStyle(

                        fontSize: 20,

                        color: Colors.black,

                        fontWeight: FontWeight.bold,

                      ),

                    ),

                  ),

                  Divider(),

                  SizedBox(

                    height: 20,

                  ),

                  Container(

                    width: MediaQuery.of(context).size.width * 0.8,

                    child: Text(

                      "  성격 : 내향적",

                      style: TextStyle(

                        fontSize: 20,

                        color: Colors.black,

                        fontWeight: FontWeight.bold,

                      ),

                    ),

                  ),

                  Divider(),

                  SizedBox(

                    height: 20,

                  ),

                  Container(

                    width: MediaQuery.of(context).size.width * 0.8,

                    child: Text(

                      "  MBTI : ISFP ",

                      style: TextStyle(

                        fontSize: 20,

                        color: Colors.black,

                        fontWeight: FontWeight.bold,

                      ),

                    ),

                  ),

                  Divider(),

                  SizedBox(

                    height: 20,

                  ),

                  Container(

                    width: MediaQuery.of(context).size.width * 0.8,

                    child: Text(

                      "  관심사 : 등등 ",

                      style: TextStyle(

                        fontSize: 20,

                        color: Colors.black,

                        fontWeight: FontWeight.bold,

                      ),

                    ),

                  ),

                  Text('소개란')

                ],

              ),

            ),

          ],

        ),

      ),

    );

  }

}




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