NativebrikAnchor

インターフェース

Tooltipを紐づけるUI部品。表示対象となるWidgetを囲んで使用します。

class NativebrikAnchor extends StatefulWidget {
  final String id;
  final Widget child;

  const NativebrikAnchor(
    this.id, {
    super.key,
    required this.child,
  });
}

NativebrikAnchorで囲んだWidgetに対して、ユーザーオンボーディングや機能ガイドをNativebrikの管理画面から作成して、表示することができます。

サンプルコード

対象のWidgetを NativebrikAnchor でラップし、ID（例: "MY_TOOLTIP_ID"）を指定してください。

NativebrikAnchor(
  "MY_TOOLTIP_ID",
  child: ElevatedButton(
    onPressed: () {
      print("MY_TOOLTIP anchor button pressed");
    },
    child: Text('MY_TOOLTIP anchor'),
  ),
)

ナビゲーションバーアイコンなどでも使用可能です：

BottomNavigationBarItem(
  icon: NativebrikAnchor(
    "NAV_ITEM_A",
    child: Icon(Icons.business),
  ),
  label: 'Page A',
)