[Flutter] #10 kakao 주소 찾기 (17/41)

BBANG-JUN·2020년 6월 4일
0

Flutter

목록 보기
10/12
post-thumbnail

오늘 하루엔 뭐했니?

그냥 적어봐! LEE렇게!


참고 : 제임쓰flutter 유튜브


1. UI


2. kakao maps api 주소 검색

kakao에서 무료로 제공하는 주소 검색 서비스입니다!

2-1. 준비

  • kopo: ^0.1.1을 적용!

  • pakages get은 잊지 말자구요!

2-2. import 적용

import 'package:kopo/kopo.dart';

2-3. 변수

  String adressValue = "주소를 검색해주세요";

나머지 부분은 하단 코드를 참고해주세요 :)


3. 소스코드

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String adressValue = "주소를 검색해주세요";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('17. Flutter tutorial KOR Adress'),
        centerTitle: true,
      ),
      body: Container(
        width: MediaQuery.of(context).size.width,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(this.adressValue),
            RaisedButton(
              child: Text("주소 검색"),
              onPressed: () async {
                var result = await Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) => Kopo()
                  )
                );

                if(result != null){
                  setState(() {
                    this.adressValue = result;
                  });
                }
              },
            )
          ],
        ),
      ),

    );
  }
}

기억보단 기록하자! LEE'Today로!

profile
🔥 머릿속으로 생각하지만 말고, 행동으로 보여줘

1개의 댓글

comment-user-thumbnail
2023년 2월 9일

위와 같이 했는데 화면이 바뀌면서 404 Not Found 가 나옵니다. 꼭 Git 의 화면 같더라고요...
무슨 문제라도 있는가 모르겠습니다.

답글 달기