Добрый день!
Как я могу использовать поставщика для MaterialApp? У меня есть MultiProvider и абстрактный класс. Необходимо пройти авторизацию на LandingPage
Вот я хотел бы получить:
Widget build(BuildContext context) {
return Provider<AuthBase>(
create: (context) => Auth(),
child: MaterialApp(
title: "Bloc Test",
theme: ThemeData(primarySwatch: Colors.indigo),
home: LandingPage(),
),
);
}
Есть мой рабочий код:
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
ChangeNotifierProvider<ToDoProvider>(
create: (ctx) => ToDoProvider(),
),
],
child: MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Ultimative ToDo',
theme: ThemeData(
scaffoldBackgroundColor: myListMainColor,
textTheme:
GoogleFonts.sourceSansProTextTheme(Theme.of(context).textTheme),
visualDensity: VisualDensity.adaptivePlatformDensity,
),
initialRoute: '/',
routes: {
'/': (context) => LandingPage(auth: Auth()),
OpenedToDo.routeName: (context) => OpenedToDo(),
},
),
У меня есть абстрактный класс AuthBase, но я не могу смешивать его с ChangeNotifier. Так что это причина, по которой я не могу поместить новую строку кода в MultiProvider.
abstract class AuthBase {
User get currentUser;
Future<User> signInAnonymously();
Stream<User> authStateChanges();
Future<void> singOut(BuildContext context);
Future<User> singInWithGoogle();
Future<User> createUserWithEmailAndPassword(String email, String password);
Future<User> signInWithEmailAndPassword(String email, String password);
}
class Auth implements AuthBase {
final _firebaseAuth = FirebaseAuth.instance;
@override
Stream<User> authStateChanges() => _firebaseAuth.authStateChanges();
@override
User get currentUser => _firebaseAuth.currentUser;
@override
Future<User> signInAnonymously() async {
}
@override
Future<User> signInWithEmailAndPassword(String email, String password) async {
}
@override
Future<User> createUserWithEmailAndPassword(
}
@override
Future<User> singInWithGoogle() async {
}
@override
Future<void> singOut(BuildContext context) async {
}
}
Ошибка:
Ошибка: не удалось найти нужного провайдера выше этого Виджет StreamBuilder
Вероятно, это происходит из-за того, что вы использовали
BuildContext
, который не включить поставщика по вашему выбору. Есть несколько распространенных сценариев:
Поставщик, которого вы пытаетесь прочитать, находится на другом маршруте.
Провайдеры ограничены. Итак, если вы вставите провайдера внутри маршрута, тогда другие маршруты не смогут получить доступ к этому провайдеру.
Вы использовали
BuildContext
, который является предком провайдера, который вы пытаетесь прочитать.Убедитесь, что StreamBuilder находится под вашим Мультипровайдер/провайдер. Обычно это происходит, когда вы создание провайдера и попытка сразу его прочитать.
Например, вместо:
return Provider<Example>( create: (_) => Example(), // Will throw a ProviderNotFoundError, because `context` is associated // to the widget that is the parent of `Provider<Example>` child: Text(context.watch<Example>()), ), } ``` consider using `builder` like so: ``` Widget build(BuildContext context) { return Provider<Example>( create: (_) => Example(), // we use `builder` to obtain a new `BuildContext` that has access to the provider builder: (context) { // No longer throws return Text(context.watch<Example>()), } ), } ```
Целевая страница:
@override
Widget build(BuildContext context) {
return StreamBuilder(
stream: auth.authStateChanges(),
builder: (context, snapshot) {
//* если подключился к данным
if (snapshot.connectionState == ConnectionState.active) {
//* получаем данные о пользователе
final User user = snapshot.data;
print('~ uid is ${user?.uid}');
if (user == null) {
//Navigator.of(context).pushNamed(SignInPage.routeName, arguments: auth);
return SignInPage.create(context);
} else {
// Navigator.of(context).pushNamed(HomeScreen.routeName);
return HomeScreen();
}
}
return Scaffold(
body: Center(
child: CircularProgressIndicator(),
),
);
},
);
}
SignInPage имеет эту часть кода:
static Widget create(BuildContext context) {
final auth = Provider.of<AuthBase>(context, listen: false);
return Provider<SignInBloc>(
create: (_) => SignInBloc(auth: auth),
//* обязательно должен быть dispose
dispose: (_, bloc) => bloc.dispose(),
//* consumer помогает прокинуть данные в конструктор
child: Consumer<SignInBloc>(
child: SignInPage(),
builder: (_, bloc, __) => SignInPage(bloc: bloc),
),
);
}
Прежде чем перейти к абстрактной теме вопроса, я бы рекомендовал запустить MultiProvider в основной папке. Так
import 'package:provider/provider.dart' as provider;
void main() {
runApp(provider.MultiProvider(
providers: [
provider.ChangeNotifierProvider.value(value: Prov1()),
provider.ChangeNotifierProvider.value(value: Prov2()),
provider.ChangeNotifierProvider.value(value: Prov3()),
provider.ChangeNotifierProvider.value(value: Prov4()),
],
child: MyApp(),
));
}
С этого момента вы можете получить доступ к любой точке вашего приложения. Возможно, вы используете поставщика, который вам нужен, для классов, реализующих ваш абстрактный класс, вместо того, чтобы изменять данные непосредственно в нем. Надеюсь, я помог и все прояснил.
Я только что обновил ответ, в который добавил импорт провайдера, уточнив, откуда он взялся! Надеюсь, поможет.
Игорь, спасибо большое! Я просто забыл назвать импорт.
Хорошо, я нашел, как это решить. Это довольно легко. Итак, в main.dart в разделе кода multiProvider я должен добавить только одну строку:
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
ChangeNotifierProvider<ToDoProvider>(
create: (ctx) => ToDoProvider(),
),
THIS CODE ==> Provider<AuthBase>.value(value: Auth()),
],
child: MaterialApp(
...
Целевая страница.dart:
class LandingPage extends StatelessWidget {
static const routeName = '/landingPage';
@override
Widget build(BuildContext context) {
final auth = Provider.of<AuthBase>(context, listen: false);
return StreamBuilder(
stream: auth.authStateChanges(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.active) {
final User user = snapshot.data;
print('~ uid is ${user?.uid}');
if (user == null) {
return SignInPage.create(context);
} else {
// Navigator.of(context).pushNamed(HomeScreen.routeName);
return HomeScreen();
}
}
return Scaffold(
body: Center(
child: CircularProgressIndicator(),
),
);
},
);
}
}
И в SignInPage.dart:
static Widget create(BuildContext context) {
final auth = Provider.of<AuthBase>(context, listen: false);
return Provider<SignInBloc>(
create: (_) => SignInBloc(auth: auth),
dispose: (_, bloc) => bloc.dispose(),
child: Consumer<SignInBloc>(
child: SignInPage(),
builder: (_, bloc, __) => SignInPage(bloc: bloc),
),
);
}
Так как AuthBase является абстрактным классом, я не могу смешивать его с ChangeNotifier, но мне это не нужно, потому что этот класс не изменяем. Вот почему я использую Provider.value(value: value).
Игорь, спасибо за ответ. Одного я не могу понять, что такое провайдер? Как и где объявить?