platform_ui

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Platform UI는 iOS, Android 및 기타 플랫폼에서 네이티브와 유사한 경험을 제공하도록 설계된 플랫폼 전용 위젯과 UI 툴킷을 제공하는 Flutter/Dart 패키지입니다. 대상 플랫폼에 따라 자동으로 외관과 동작을 조정하는 적응형 컴포넌트를 제공하여 플랫폼 규칙과 일관성을 유지합니다. 이 패키지는 플랫폼 차이를 추상화함으로써 크로스플랫폼 개발을 단순화하면서도 시각적 정확성을 유지합니다. `flutter pub add platform_ui`를 통해 최소한의 설정만으로 개발자는 플랫폼별 코드를 작성하지 않고도 UI 반응성과 사용자 경험을 향상시킬 수 있습니다.

사용 사례

네이티브한 외관과 느낌으로 크로스 플랫폼 앱 만들기
iOS 및 Android용 적응형 UI 만들기
플랫폼별 위젯 구현 간소화
기기 간 UI 일관성 향상
플랫폼 인식 컴포넌트를 위한 부가 작업 줄이기

주요 기능

다양한 플랫폼용 자동 적응 위젯
필수 최소 구성
iOS 및 Android 디자인 가이드라인을 지원합니다
확장 가능한 위젯 아키텍처
플랫폼 일관성을 위한 내장 테마

적합한 대상

크로스 플랫폼 플러터 개발자
네이티브 UX를 우선시하는 팀
여러 운영 체제를 대상으로 하는 앱
플랫폼별 코드를 줄이려는 개발자
다양한 기기에서 일관된 UI가 필요한 프로젝트

고려 사항

iOS 및 안드로이드에 한정됨(데스크톱/웹 지원은 언급되지 않음)
완전한 기능을 위해 외부 종속성에 의존합니다
복잡한 UI 요구 사항을 위해 추가적인 사용자 정의가 필요할 수 있습니다
높은 맞춤형 네이티브가 아닌 디자인을 필요로 하는 앱에는 적합하지 않습니다
성능 영향에 대한 명시적인 문서 없음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Platform UI

by @KRTirtho

Flutter platform specific UI widgets

It mimics the native UI widgets (android, iOS, macOS, linux and windows) as much as possible in Flutter & has a wide collection of platform specific widgets. The names and APIs are similar to Flutter's Material UI widgets to make the Flutter developer feel at home. It's utilizes:

fluent_ui for windows
macos_ui for macOS
Material UI/You for android
Cupertino for iOS
libadwaita for linux

Feature Highlights

Simple and customizable platform specific UI widgets
Supports all major platforms (android, iOS, macOS, linux and windows)
Exposes the internal API to build widgets on top of it
Changeable default TargetPlatform for overriding platform design in another platform (it's crazy but cool)
Wide collection of platform specific widgets
Widget APIs are similar to Flutter's Material UI widgets
Dark Mode support

Install

Run following in a terminal:

$ flutter pub add platform_ui fluent_ui macos_ui libadwaita adwaita

Preview

https://krtirtho.github.io/platform_ui/

Usage

Import the package:

import 'package:platform_ui/platform_ui.dart';

Example

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PlatformApp(
      title: 'Platform UI',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PlatformScaffold(
      appBar: PlatformAppBar(
        title: Text('Platform UI'),
      ),
      body: Center(
        child: PlatformText(
          'Hello World',
          style: TextStyle(fontSize: 30),
        ),
      ),
    );
  }
}

Documentation

Screenshots

Desktop (Linux → Macos → Windows)

Desktop

Mobile (Android → iOS)

Mobile

Support

If you like this project, please consider supporting it by:

Starring and sharing the project
Following @KrTirtho on Twitter
Buying us a coffee ☕️

License

MIT

패키지, 저장소 및 앱 카테고리 검색

패키지 설치