Como redirecionar botões para páginas Web no Flutter?
Em um aplicativo móvel de seu celular, grande parte das vezes, você precisa ir para a Web por alguma ação necessária a ser feita. O presente artigo demonstrará que isso é uma tarefa simples de ser feita no Flutter, visto que há um pacote em específico que trabalha com esse redirecionamento.
A primeira coisa necessária é instalar o package flutter_web_browser em seu arquivo pubspec.yaml, abaixo das dependências, conforme Figura 1.
Em um aplicativo móvel de seu celular, grande parte das vezes, você precisa ir para a Web por alguma ação necessária a ser feita. O presente artigo demonstrará que isso é uma tarefa simples de ser feita no Flutter, visto que há um pacote em específico que trabalha com esse redirecionamento.
flutter_web_browser: ^0.13.1
Após isso, executar o comando: flutter pub get. Se o retorno for 0 similar ao da imagem a seguir, tudo correu perfeitamente bem e o pacote já está disponível para uso.
Após isso, na página desejada que você queira que haja o redirecionamento, é necessário importar o package acima, nas linhas iniciais do arquivo:
import ‘package:flutter_web_browser/flutter_web_browser.dart’;
Para o exemplo, utilizei um RaisedButton, que, ao pressionar o mesmo, ele será redirecionado para a função openBrowserTab, conforme exemplo:
Na função openBrowserTab, que é uma função assíncrona, o método do pacote FlutterWebBrowser.openWebPage define as características que serão necessárias para a abertura do site, tais como:
- Link que será aberto no celular;
- Customização das cores da barra de navegação, barra de ferramentas, cor secundária da mesma;
- Se o título e a url irão aparecer na barra superior do aplicativo;
Veja esse vídeo demo exemplificando o botão que utilizei em um aplicativo, para redirecionar para o site soscity.com.br.
