300x250
반응형

 

 

 

1. 왼쪽 프로젝트 탐색기 제일 아래에 위치한

pubspec.yaml 파일을 열어주세요

 

 

2. 코드를 내리다 보면 아래 화면과 같이

dependencies: 여기를 찾습니다.

 

3. 그리고 sdk: flutter 아래에다가

추가하고 싶은 packgae 명을 입력후 전구 모양이 뜹니다.

Pub get 을 클릭하면 Package를 다운받아서 내 프로젝트에 추가가 됩니다.

 

만약 뒤에 버전정보를 모르더라도 다운받아진다는 사실!

 

 

 

 

300x250
반응형
300x250
반응형

 

 

1. 먼저 좌측 프로젝트 탐색기에서

lib 클릭 -> 마우스 우클릭 -> New -> Dart File 클릭

 

2. 아래 와 같이 파일이름을 넣어주고 엔터

 

 

3. 빈 파일이 만들어지는데

stful 을 치다보면 자동완성이 뜨는데

방향키를 아래로 내려서 엔터를 쳐줍니다. ( stful 선택 )

 

 

4. 아래와 같이 자동으로 내용이 추가 됩니다.

여기서 클래스 이름을 입력후 엔터

 

 

5. Container에 마우스 커서가 있는데

이부분은 UI 추가 관련 부분인데 콘트롤 엔터를 쳐줍니다.

기본 UI를 어떤걸로 할지 선택해주면 됩니다.

material.dart 선택후 엔터

 

UI 추가는 다음 강의에서!

 

 

 

 

 

300x250
반응형
300x250
반응형

 

 

 

 

Android Studio 기준으로 작성하였습니다.

 

1. 좌측 lib 폴더에서 마우스 우클릭 후

New -> Dart File 을 선택하여 파일을 만들어 줍니다.

코드 내용은 main.dart를 참조하여 클래스명만 바꺼주시면 됩니다.

 

 

2. 우측 상단에 보면 빌드 타겟 정하고, 빌드하는 버튼이 있는곳을 보면

Edit Configurations 버튼을 눌러줍니다.

 

 

3. main.dart에 입력되어있는 값들을 확인후에

 

 

4. +버튼을 누른후 Flutter를 선택 하여

    Name은 추가한 dart 이름을 넣어주시고

    Dart entrypoint는 추가한 dart 경로를 넣습니다.

    그리고 Share through VSC 체크후 OK를 눌러줍니다.

 

 

5. main.dart 부분을 아까 추가한 logo.dart를 선택 후 컴파일 하면 끝!

 

 

 

 

300x250
반응형
300x250
반응형

 

 

https://gallery.flutter.dev/#/

 

Flutter Gallery

 

gallery.flutter.dev

 

 

MATERIAL은 안드로이드 UI 컨테이너 도구를 제공하며

CUPERTINO는 IOS용 UI 컨테이너 도구를 제공한다.

일단 메테리얼의 버튼을 선택해서 들어가면

 

왼쪽화면은 버튼 종류를 세부적으로 선택할 수 있으며,

오른쪽 화면은 데모 페이지를 볼 수 있다.

 

우측 상단의 < > 버튼을 누르면 아래와 같이 코드를 볼 수 있다.

300x250
반응형
300x250
반응형

 

 

1. 아래와 같이 File -> New -> NewFlutter Project를 선택

 

 

2. Flutter Application 선택

 

3. Project name, project location 변경 후 Next

 

4. Finish

 

5. 생성 완료

 

 

6. 컴파일 및 실행

컴파일 할 타겟 설정 후 화살표 버튼을 눌러  컴파일 및 실행

 

7. 크롬 실행 화면

 

8. 윈도우 프로그램 실행

300x250
반응형
300x250
반응형

open failed: EACCES (Permission denied)

안드로이드 10 버전에서 파일 저장 시 생기는 문제입니다.

 

 

AndroidMainfiest.xml 코드내 application 사이에 추가 합니다.

 

<application

 

android:requestLegacyExternalStorage="true"

android:theme="@style/AppTheme"
android:usesCleartextTraffic="true"
tools:replace="android:label">

 

 

<activity> --- </activity>

</application>

 

 

 

 

 

300x250
반응형
300x250
반응형

 

 

현재 Java 코드가 Activity면 onCreate에 추가

                      Fragment면 onCreateView에 추가

 

 

Activity 인 경우

1
2
3
4
5
6
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 화면 꺼짐 방지
}
cs

 

Fragment 인 경우

1
2
3
4
5
6
    @Override
    public View onCreateView(final LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
 
        getActivity().getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 화면 꺼짐 방지
}
cs

 

getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);

코드 삽입 시 해당 view 화면에서 화면이 안꺼집니다.

 

 

 

 

[정보가 도움이 되셨다면 광고 배너 클릭이 글쓴이의 활력이 됩니다.]

감사합니다.

 

300x250
반응형

'모바일 프로그래밍 > 안드로이드' 카테고리의 다른 글

open failed: EACCES (Permission denied)  (0) 2021.02.15

+ Recent posts