← ClaudeAtlas

flutter-webviewlisted

Display web pages inside the app (WebView)
noory-code/noory-ai · ★ 0 · AI & Automation · score 74
Install: claude install-skill noory-code/noory-ai
# Flutter WebView Display web pages inside the app. Useful for external links, terms of service, and web content rendering. --- ## Installation ```bash flutter pub add webview_flutter ``` ## Platform Setup ### iOS (ios/Runner/Info.plist) ```xml <key>io.flutter.embedded_views_preview</key> <true/> ``` ### Android (android/app/build.gradle) ```groovy android { defaultConfig { minSdkVersion 19 } } ``` --- ## Quick Reference ### Basic Usage ```dart import 'package:webview_flutter/webview_flutter.dart'; class WebViewPage extends StatefulWidget { final String url; const WebViewPage({required this.url}); @override State<WebViewPage> createState() => _WebViewPageState(); } class _WebViewPageState extends State<WebViewPage> { late final WebViewController controller; @override void initState() { super.initState(); controller = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..loadRequest(Uri.parse(widget.url)); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('WebView')), body: WebViewWidget(controller: controller), ); } } ``` ### Navigation Control ```dart controller = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..setNavigationDelegate(NavigationDelegate( onProgress: (progress) { setState(() => _progress = progress); }, onPageStarted: (url) { setState(() => _isLoading = tr