Flutter 아이콘 세트로 사용할 수 있는 Font Awesome 아이콘 팩

font_awesome_flutter

Flutter 아이콘 세트로 사용할 수 있는 Font Awesome 아이콘 팩입니다.

fxnow를 어떻게 활성화합니까?

Font Awesome 6.1.0을 기반으로 합니다. 모든 무료 아이콘 포함:

• 정기적인
• 단단한
• 브랜드

설치

|_+_|에서 |_+_| 섹션에 다음 줄을 추가합니다.

용법

아이콘 이름

아이콘 이름은 공식 웹사이트의 이름과 동일하지만 소문자로 작성됩니다. 아이콘에 사용할 수 있는 아이콘 스타일이 두 개 이상인 경우 'regular'를 제외하고 스타일 이름이 접두사로 사용됩니다. 다트의 제한으로 인해 숫자로 시작하는 아이콘에는 해당 숫자가 기록됩니다.

예:

예제 앱

|_+_|에서 Flutter 앱 보기 사용 가능한 |_+_|을 모두 볼 수 있습니다.

글꼴 멋진 플러터 사용자 지정

이 패키지에 대한 일반적인 사용자 지정을 지원하는 구성 도구를 제공합니다. 모든 옵션은 상호 운용 가능합니다. 기본적으로 인수 없이 실행하고 |_+_| 안으로 |_+_| 존재하는 경우 모든 아이콘을 최신 무료 버전의 멋진 글꼴로 업데이트합니다.

설정

사용자 지정 버전을 사용하려면 먼저 이 리포지토리를 원하는 위치에 복제하고 |_+_|를 실행해야 합니다. 내부에. 이렇게 하면 모든 종속성이 설치됩니다.

구성자는 |_+_|에 있습니다. 폴더에 있으며 |_+_|를 실행하여 시작할 수 있습니다. Windows에서 또는 |_+_| 리눅스와 맥에서. 다음의 모든 예는 |_+_| 버전이지만 |_+_|에 대해 동일하게 작동합니다. (Windows의 경우 |_+_|를 생략하거나 |_+_|로 바꿉니다.) 사용 가능한 옵션의 개요는 |_+_|로 볼 수 있습니다.

앱에서 맞춤형 버전을 사용하려면 앱의 |_+_| |_+_|에 대한 종속성을 추가합니다. 그런 다음 종속 항목의 위치를 ​​재정의합니다.

프로 아이콘 활성화

❗ 프로 아이콘을 가져오면 이러한 파일을 비공개로 유지하는 것이 귀하의 의무임을 인정하는 것입니다. 여기에는 다음이 포함됩니다. ~ 아니다 공용 github 저장소 또는 기타 공용 파일 공유 서비스에 패키지를 업로드합니다.

• 사용자 지정 font_awesome_flutter 버전 위치로 이동합니다( 설정 참조).
• 폰트 어썸 프로의 웹 버전을 다운로드하고 엽니다.
• 이동하다 모두 |_+_| |_+_|의 파일 디렉토리 및 |_+_| 부터 |_+_| |_+_|로. 기존 파일을 교체합니다.
• 구성기를 실행합니다. 'Custom icons.json found'라고 표시되어야 합니다.

|_+_|를 실행해야 할 수도 있습니다. 변경 사항을 표시하기 위해 이 버전을 사용하는 앱에서.

스타일 제외

하나 이상의 스타일을 |_+_| 옵션:

앱에 적합한 이유에 대한 자세한 내용은 이름 섹션으로 최적화 및 동적 아이콘 검색을 참조하세요.

이름 또는 css 클래스로 동적으로 아이콘 검색

아마도 프로 아이콘 지원 후 가장 많이 요청된 기능은 이름으로 아이콘을 검색하는 기능일 것입니다. 이름에서 아이콘으로의 매핑이 논의된 모든 최적화를 깨뜨리기 때문에 이전에는 불가능했습니다. 이것은 여전히 ​​사실임을 명심하십시오. 이론적으로 모든 아이콘을 요청할 수 있으므로 flutter로 제거할 수 있는 아이콘은 없습니다. 이 옵션은 제한된 스타일 집합과 가능한 한 적은 수의 스타일과 함께만 사용하는 것이 좋습니다. |_+_|로 앱을 빌드해야 할 수도 있습니다. 성공하도록 플래그를 지정합니다.

새로운 구성 도구를 사용하면 이제 이 기능이 선택 사항입니다. |_+_|로 도구를 실행합니다. 생성할 플래그...

...지도를 사용하려면 다음 가져오기를 수행합니다. 일반 아이콘의 경우 |_+_| 'style icon-name' 형식의 키를 사용합니다.

사용하지 않는 스타일을 제외하려면 구성기 옵션을 결합하십시오.

일반적인 사용 사례에는 서버에서 css 클래스를 가져오는 것도 포함됩니다. 유틸리티 함수 |_+_| 일련의 클래스를 사용하고 브라우저에 표시되는 아이콘을 반환합니다.

이중톤 아이콘

Font Awesome이 글꼴 파일 내에서 아이콘 글리프를 배치하는 방식을 변경한 후 이중톤 지원이 중단되었습니다. 합자를 사용하는 새로운 방식은 현재 flutter에서 지원되지 않습니다.

이중톤 아이콘 지원이 중단된 이유에 대한 자세한 내용은 이 토론을 참조하십시오.

자주하는 질문

아이콘이 제대로 정렬되지 않거나 아이콘이 잘리는 이유는 무엇입니까?

|_+_|를 사용하세요. |_+_| 대신 라이브러리에서 제공하는 위젯 Flutter에서 제공하는 위젯입니다. |_+_| 위젯은 모든 아이콘이 정사각형이라고 가정하지만 많은 Font Awesome 아이콘은 그렇지 않습니다.

파일 크기 및 램 사용량은 어떻습니까

이 패키지는 필요한 최소한의 리소스만 사용하도록 작성되었습니다.

사용하지 않는 아이콘에 대한 모든 링크(예: |_+_|)는 자동으로 제거되며, 이는 필수 아이콘 정의만 램에 로드됨을 의미합니다.

Flutter 1.22는 아이콘 트리 흔들림을 추가했습니다. 즉, 사용하지 않는 아이콘 '이미지'도 제거됩니다. 그러나 이는 아이콘이 하나 이상 사용된 스타일에만 적용됩니다. 'regular' 스타일의 아이콘만 사용한다고 가정하면 'regular'는 사용된 아이콘만 포함하도록 축소되고 'solid' 및 'brands'는 원래의 완전한 형태로 유지됩니다. 이 문제는 flutter 저장소에서 추적 중입니다.

그러나 구성자를 사용하면 패키지에서 스타일을 쉽게 제외할 수 있습니다. 자세한 내용은 font awesome flutter 사용자 정의를 참조하십시오.

모바일 장치에 아이콘이 표시되지 않는 이유는 무엇입니까?

아이콘이 전혀 표시되지 않는 경우 Flutter가 기기에 캐시된 버전의 앱을 가지고 있고 새 글꼴을 푸시하지 않았음을 의미하는 경우가 있습니다. 저도 그런 경우를 몇 번 겪었는데요...

시도하십시오:

1. 앱 중지
2. 실행 중 |_+_| 앱 디렉토리에서
3. 시뮬레이터/에뮬레이터/기기에서 앱 삭제
4. 앱을 다시 빌드하고 배포합니다.

아이콘이 웹에 표시되지 않는 이유는 무엇입니까?

아마도 글꼴이 |_+_|에 올바르게 추가되지 않았을 것입니다. 참고: 이전 버전의 Flutter는 |_+_| 그러나 해당 문제는 해결되었으며 요즘에는 큰 문제가 되지 않습니다.

|_+_|을(를) 사용하고 있는지 확인하세요. 또는 최신!

이 패키지를 라이브러리로 사용

그것에 의존

다음 명령을 실행합니다.

플러터 사용:

이렇게 하면 패키지의 pubspec.yaml에 다음과 같은 행이 추가됩니다(암시적 |_+_| 실행).

또는 편집기에서 |_+_|를 지원할 수 있습니다. 자세한 내용은 편집자의 문서를 확인하세요.

가져오기

이제 Dart 코드에서 다음을 사용할 수 있습니다.

예/lib/main.dart

다운로드 세부 정보:

작가: 플러터 커뮤니티

소스 코드: https://github.com/fluttercommunity/font_awesome_flutter

#설레다 #아이콘