背景
我正在尝试使用 SVG 组件,该组件在标签xlinkHref内具有该属性Image。(TSX)该文件是一个普通的 SVG,但我使用https://react-svgr.com/playground/?native=true将其转换为 React Native 组件。我之前用相同的方法使用过非常简单的 SVG 图标,但没有一个具有该xlinkHref属性。
问题
该组件在某个时候有一个Image标签,其内容如下: xlinkHref="data:image/png;base64,,但是,紧接着它就有大约 474 行加密信息,或者至少我认为是这样。例如,这是第一行的前半部分:iVBORw0KGgoAAAANSUhEUgAAAeUAAAJwCAYAAAC3c3kPAAAAAXNSR0IArs4c6QAAQABJREFUeAH。该xlinkHref标签被 VS Code 自动突出显示为不正确,并且我收到标题中提到的错误:
类型“string”不可分配给类型“ImageSourcePropType”。
下面的错误消息提到:
预期类型来自属性“xlinkHref”,该属性在类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<ImageProps, any, any>> & Readonly & Readonly<...>”上声明
我不是一个专业的程序员,无法理解错误试图告诉我什么,所以如果有人愿意解释一下,那就意义重大。
问题
是否可以在 React Native 中使用具有此类属性和赋值的 SVG 组件,或者它根本不兼容?我该如何解决它?这是一个已知问题还是我刚刚遇到了新的障碍?我在互联网上找不到有关此特定问题的任何内容。
预先非常感谢!
如何在 React 导航底部选项卡中使用图像作为图标?我的图像位于项目内的一个文件夹中,但首先我不确定是否可以使用该Import {anyComponent} from 'anyPath' 方法导入图像。另外,我不知道如何将这些自定义图像设置为图标。如果有人能帮助我,我将不胜感激。
多谢!
背景 嘿!我正在尝试为我的应用程序的主页构建标题。我已经使用 Firebase 成功实现了电子邮件/密码身份验证以及持久凭据。但是,我无法从存储我的用户的 firestore 集合中获取数据。基本上,我需要的是让我的标题显示“Hello {userName}”,但我完全不知道如何做到这一点。我的主屏幕是一个函数组件,而不是一个类组件,因此据我所知,我不能采用“componentDidMount()”方式。
问题
获取当前用户的数据并显示特定字段的信息(例如他们的名字)的最佳方式是什么?
我将如何在标签内呈现它<Text>?是这样<Text> Hello {this.user.firstName}</Text>还是我完全错了?
我尝试过的
我知道这与这行代码有关:const usersRef = firebase.firestore().collection('users')但我不知道接下来要做什么。也尝试过这种方法:
var user = firebase.auth().currentUser;
var firstName, email, photoUrl, uid, emailVerified;
if (user != null) {
firstName = user.firstName;
email = user.email;
photoUrl = user.photoURL;
emailVerified = user.emailVerified;
uid = user.uid;
}
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用。在最后一个例子中,我这样调用firstName:<Text>Hello {firstName}</Text>