v0.5.12
flutter_html_view
HTML을 렌더링하기 위한 Flutter 플러그인, Flutter는 기본적으로 HTML 렌더링을 지원하지 않기 때문에 이 패키지는 HTML을 네이티브 위젯으로 렌더링하는 데 도움을 줍니다
26좋아요 6930일 다운로드40Pub 점수
플랫폼 정보 없음
ponnamkarthik/FlutterHtmlView
HTML을 위젯으로 렌더링하는 Flutter 플러그인
- Stars
- 241
- Forks
- 104
- 최근 푸시(UTC)
- 2020. 2. 19.
- 프로젝트 상태
- 활성
GITHUB User
Karthik Ponnam ↗
언어DartObjective-CKotlin
이 저장소가 배포한 패키지
사용 중인 의존성
의존성 목록 7 개
- flutter
{"sdk":"flutter"} - flutter_custom_tabs
^0.6.0 - html
^0.13.3+3 - video_player
0.10.0+2 - cached_network_image
^0.7.0 - flutter_markdown
^0.2.0 - html2md
^0.3.0
원본 README
아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.
README 펼치기 / 접기
flutter_html_view
Flutter Plugin to render html as a Widget,
Refer this for full support of inline webview for android and iOS
Flutter has no default support to render html so this package helps you to render your html to native widgets
- Video tag support added
- Links are clickable now
Supported Tags
- p
- em
- b
- img
- video
- h1, h2, h3, h4, h5, h6
Note
- This plugin converts some of the html tags to flutter widgets
- This plugin does't support rendering full html code (there is no built in support for web rendering in flutter)
How to Use
dependencies:
flutter_html_view: ^0.5.11
import 'package:flutter_html_view/flutter_html_view.dart';
String html = '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!';
new HtmlView(
data: html,
baseURL: "", // optional, type String
onLaunchFail: (url) { // optional, type Function
print("launch $url failed");
},
scrollable: false, //false to use MarksownBody and true to use Marksown
)
MarkdownStyleSheet
styleSheet: MarkdownStyleSheet(
),
styleOptions
The default and available style options:
| Name | Default | Options |
|---|---|---|
| headingStyle | "setext" | "setext", "atx" |
| hr | "* * *" | "* * *", "- - -", "_ _ _" |
| bulletListMarker | "*" | "*", "-", "_" |
| codeBlockStyle | "indented" | "indented", "fenced" |
| fence | "```" | "```", "~~~" |
| emDelimiter | "_" | "_", "*" |
| strongDelimiter | "**" | "**", "__" |
| linkStyle | "inlined" | "inlined", "referenced" |
| linkReferenceStyle | "full" | "full", "collapsed", "shortcut" |
iOS
Warning: The video player is not functional on iOS simulators. An iOS device must be used during development/testing.
Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist:
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
This entry allows your app to access video files by URL.
Android
Ensure the following permission is present in your Android Manifest file, located in `/android/app/src/main/AndroidManifest.xml:
<uses-permission android:name="android.permission.INTERNET"/>