NubrickAnchor

インターフェース

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

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

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

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

サンプルコード

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

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

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

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