★★★★★
#디바이스 통합 · claude-code
WebView 통합 (webview_flutter)
앱 내에서 웹 페이지 표시.
#webview#web-content
변수 1개 — 여기 채우면 아래 프롬프트에 바로 들어가요
앱 내에서 웹 페이지 표시.
패키지: `webview_flutter: ^4.0.0`
구현:
```dart
class WebViewScreen extends StatefulWidget {
final String url;
final String title;
const WebViewScreen({required this.url, required this.title});
@override
State<WebViewScreen> createState() => _WebViewScreenState();
}
class _WebViewScreenState extends State<WebViewScreen> {
late WebViewController _webViewController;
bool _isLoading = true;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text(widget.title)),
body: Stack(
children: [
WebViewWidget(
controller: WebViewController()
..setJavaScriptMode(JavaScriptMode.unrestricted)
..loadRequest(Uri.parse(widget.url)),
),
if (_isLoading)
Center(child: CircularProgressIndicator()),
],
),
);
}
}
```
사용:
```dart
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => WebViewScreen(
url: 'https://example.com',
title: 'Web Content',
),
),
)
```
{{WEBVIEW_CONTENT}} (이용약관/블로그 등) WebView로 표시할까?
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.