时间戳

首页 > 解决方案 > 如何显示用户图像？

flutter - 如何显示用户图像？

问题描述

我显示用户个人资料图片，我有 3 个可以显示的选项。第一个是当前拾取的图像，它是从相机或库中拾取的，如果有图像，它将被显示。然后用户可以保护它，以便在用户重新启动应用程序时也会显示它，在这种情况下我会显示保存的图像。然后是我的第三个选项，如果没有保存图片并且目前没有选择图片，那么我将显示默认图像，这在我的资产中。这是我的问题，我该怎么做，因为这个默认图片也会显示，如果用户删除当前保存的图片，所以如果他改回“没有拍照”，那么默认图片将再次显示。

   Container(
                                      child: Center(
                                              child:
                                            CircleAvatar(
                                              radius: 70,
                                              
                                              foregroundImage: _pickedImage!=null? FileImage(_pickedImage): NetworkImage ( userData.url),
                                            ),
                              ),
                                          decoration: new BoxDecoration(
                                            shape: BoxShape.circle,

这是我的方法：

   onPressed: () async {
                if (_formKey.currentState.validate()) {
                  final ref= FirebaseStorage.instance.ref().child('user_profile_pictures').child(user.uid+'.jpg');
                  await ref.putFile(_pickedImage);
                  final url = await ref.getDownloadURL();
                  _curenturl= url;

                  String authError =
                      await DatbaseService(uid: user.uid).updateUserData(
                    _currentusername ?? userData.user,
                    _currentfullname ?? userData.fullname,
                    _currentemail ?? userData.email,
                    _currentpassword ?? userData.password,
                          _curenturl ??userData.url,

                  );
                  if (authError != null) {

这是我将当前 url 设置为 null 以及 userData.url 的按下方法

      onTap: () {

                 DatbaseService(uid: user.uid).updateUserData(
                   _currentusername ?? userData.user,
                   _currentfullname ?? userData.fullname,
                   _currentemail ?? userData.email,
                   _currentpassword ?? userData.password,
                   _curenturl =null,
            );
                Navigator.pop(context);
              },

因此，您可以看到我再次将 url 设置为 null。即时通讯这样做是为了不再有保存的图片。然后我想显示我的资产中的默认图像。我试图用那张图片更新我当前的 url，但 url 是一个字符串，我的图片是一个资产图像。

标签： fluttergoogle-cloud-platformgoogle-cloud-firestoreuser-input

解决方案

你可以试试我的代码：

  ClipRRect(
            borderRadius: BorderRadius.circular(60),
            child: Container(
              height: 100,
              width: 100,
              decoration: BoxDecoration(
                color: Colors.grey.shade300,
              ),
              child: image != null
                  ? Image.file(
                      image,
                      fit: BoxFit.cover,
                    )
                  : networkImg != null && networkImg != ''
                      ? Image.network(
                          networkImg,
                          fit: BoxFit.cover,
                        )
                      : Image.asset(
// Your image path is here when image is no available.
),
            ),
          ),

请让我知道它是否有效。

推荐阅读