qr.flutterダウンロードqr.flutterソースコードのダウンロード

qr.flutter

ウェブサイトデータ

1.0.0

ダウンロード

Qr.Flutterは、ウィジェットまたはカスタム画家を介してレンダリングするシンプルで高速なQRコードのためのフラッターライブラリです。

助けが必要ですか？

「どうすればよいの？」の問題を提出しないでください。または「取引は何ですか..？」質問を入力します。それらはすぐに閉じられます。ご質問がある場合は、ディスカッションボードまたはスタックオーバーフローで質問してください。彼らはそこに答えられます。

問題を使用すると、大量のノイズが作成され、実際の問題が遅くなります。

特徴

ヌルの安全
QR -DARTに構築されています
自動QRコードバージョン/タイプ検出または手動エントリ
QRコードバージョン1-40をサポートしています
エラー修正 /冗長性
構成可能な出力サイズ、パディング、背景、前景の色
画像オーバーレイをサポートします
画像データにエクスポートして、ファイルまたはメモリで使用するために保存します
インターネット接続は必要ありません

インストール

バージョンの互換性：4.0.0+はヌルの安全性をサポートし、互換性のあるフラッターのバージョンが必要です。 Flutterの互換性のないバージョンを使用している場合は、このライブラリの3.xバージョンを使用してください。

pubspec.yamlファイルに以下を追加する必要があります。

 dependencies :
  qr_flutter : ^4.1.0

注：Flutter masterチャンネルを使用している場合、ビルドの問題が発生した場合、または最新かつ最高のものを試してみたい場合は、特定のリリースバージョンではなくmasterブランチを使用する必要があります。これを行うには、 pubspec.yamlで次の構成を使用します。

 dependencies :
  qr_flutter :
    git :
      url : https://github.com/theyakka/qr.flutter

masterブランチは不安定である可能性があることに留意してください。

pubspec.yamlに依存関係を追加した後、実行できます。Flutter flutter packages getまたは更新します。

はじめる

開始するには、コードの依存関係をインポートします。

 import 'package:qr_flutter/qr_flutter.dart' ;

次に、基本的なQRコードをレンダリングするには、次のコード（またはそのようなもの）を使用できます。

 QrImageView (
  data : '1234567890' ,
  version : QrVersions .auto,
  size : 200.0 ,
),

データ要件に応じて、QRコード出力を調整することができます。次のオプションが利用可能です。

財産	タイプ	説明
`version`	int	`QrVersions.auto`または1〜40の値。制限と詳細については、http：//www.qrcode.com/en/about/version.htmlを参照してください。
`errorCorrectionLevel`	int	`QrErrorCorrectLevel`で定義された値。 EG： `QrErrorCorrectLevel.L` 。
`size`	ダブル	画像の（正方形）サイズ。指定されていない場合は、最短サイズの制約を使用して自動サイズになります。
`padding`	EdgeInsets	QRコードデータを囲むパディング。
`backgroundColor`	色	背景色（デフォルトはなし）。
`eyeStyle`	qreyestyle	QRコードアイズ（コーナー」の形状と色を構成します。
`dataModuleStyle`	qrdatamoduleStyle	ドットの形状と色を構成します。
`gapless`	ブール	ギャップを防ぐためにサイズが追加の追加ピクセルを追加します（デフォルトは真）。
`errorStateBuilder`	QRERRORBUILDER	QRコードをレンダリングするエラーが発生した場合にエラー状態`Widget`を表示できます（例：バージョンが低すぎ、入力が長すぎるなど）。
`constrainErrorBounds`	ブール	Trueの場合、エラー`Widget` QRコードが描画される正方形に制約されます。falseの場合、エラー状態`Widget`必要なサイズに成長/縮小します。
`embeddedImage`	ImageProvider	QRコードの中央でオーバーレイされる画像を定義する`ImageProvider` 。
`embeddedImageStyle`	qRembedDedImageStyle	埋め込まれた画像をスタイリングするプロパティ。
`embeddedImageEmitsError`	ブール	Trueの場合、埋め込まれた画像のロードに失敗すると、 `errorStateBuilder`がトリガーされるか、空の`Container`がレンダリングされます。 falseの場合、QRコードがレンダリングされ、埋め込まれた画像が無視されます。
`semanticsLabel`	弦	`semanticsLabel` 、QRコードのコンテンツを説明するためにスクリーンリーダーによって使用されます。
`borderRadius`	ダブル	`QrDataModuleShape.square`タイプの`QrEyeShape.square`ラウンド`EmbeddedImageShape.square`設定適切なスタイルで設定します。
`roundedOutsideCorners`	ブール	本当なら、データの外側の角が丸くなっています。 `QrDataModuleStyle`に設定します。デフォルトでは`borderRadius`に丸められます。 `QrDataModuleShape.square`のみ。
`outsideBorderRadius`	ダブル	外側の丸い外側の丸い`outsideBorderRadius`内側の`borderRadius`とは異なる場合が設定されます。 `borderRadius`にすぎません。 `QrDataModuleShape.square`のみ
`gradient`	勾配	コードのソリッドカラーを`LinearGradient`に変更します。
`safeArea`	ブール	Trueの場合、データは`embeddedImage`後ろに隠されています。 `QrEmbeddedImageStyle`に設定します。
`safeAreaMultiplier`	ダブル	乗数`safeArea`サイズ。

例

/exampleディレクトリには、シンプルで動作する例フラッターアプリがあります。それを使用して、すべてのオプションで再生できます。

また、次の例では、ライブラリの使用方法に関する簡単な概要を示しています。

基本的なQRコードは次のようになります。

 QrImageView (
  data : 'This is a simple QR code' ,
  version : QrVersions .auto,
  size : 320 ,
  gapless : false ,
)

（アプリケーションの資産から）画像を備えたQRコードは次のようになります。

 QrImageView (
  data : 'This QR code has an embedded image as well' ,
  version : QrVersions .auto,
  size : 320 ,
  gapless : false ,
  embeddedImage : AssetImage ( 'assets/images/my_embedded_image.png' ),
  embeddedImageStyle : QrEmbeddedImageStyle (
    size : Size ( 80 , 80 ),
  ),
)

QRコードを検証できない場合にエラー状態を表示するには。

 QrImageView (
  data : 'This QR code will show the error state instead' ,
  version : 1 ,
  size : 320 ,
  gapless : false ,
  errorStateBuilder : (cxt, err) {
    return Container (
      child : Center (
        child : Text (
          'Uh oh! Something went wrong...' ,
          textAlign : TextAlign .center,
        ),
      ),
    );
  },
)

角の丸みを帯び、埋め込まれた画像の安全な領域を備えたQRコード：

 QrImageView (
  data : 'London is the capital of Great Britain' ,
  version : QrVersions .auto,
  size : 320 ,
  eyeStyle : const QrEyeStyle (
    borderRadius : 10 ,
  ),
  dataModuleStyle : const QrDataModuleStyle (
    borderRadius : 5 ,
    roundedOutsideCorners : true ,
  ),
  embeddedImage : AssetImage ( 'assets/images/my_embedded_image.png' ),
  embeddedImageStyle : QrEmbeddedImageStyle (
    size : Size . square ( 40 ),
    color : Colors .white,
    safeArea : true ,
    safeAreaMultiplier : 1.1 ,
    embeddedImageShape : EmbeddedImageShape .square,
    borderRadius : 10 ,
  ),
)

グラデーションのあるQRコード：

 QrImageView (
  data : 'Rainbow after the rain' ,
  version : QrVersions .auto,
  size : 320 ,
  gradient : LinearGradient (
    begin : Alignment .bottomLeft,
    end : Alignment .topRight,
      colors : [
      Color ( 0xffff0000 ),
      Color ( 0xffffa500 ),
      Color ( 0xffffff00 ),
      Color ( 0xff008000 ),
      Color ( 0xff0000ff ),
      Color ( 0xff4b0082 ),
      Color ( 0xffee82ee ),
    ],
  ),
)