如何在我的App.js视图中导入和使用此文件 [英] How to import and use this File in my App.js view
本文介绍了如何在我的App.js视图中导入和使用此文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想将其导入我的React Native项目的Appjs视图中.
我尝试了很多方法,但是没有用.我的意思是我想在我的视图中渲染它.我如何在Appjs中导入并显示此文件.谁能帮我,这对我很重要.
I want to import this in my react native project's Appjs view.
I tried many ways but its not working.I mean i want to render it inside My view. How Can i Import and show this file in my Appjs. Can anyone can please help me, Its very important for me.
这是我的代码:
import ForwardRef from '../../constants/UI_login/Home_Landing_Page/BackgroundComponent'
import React from "react";
import Svg, { Defs, LinearGradient, Stop, Rect } from "react-native-svg";
/* Adobe XD React Exporter has dropped some elements not supported by react-native-svg: style */
const BackgroundComponent = ({ svgRef }) => (
<Svg width={375} height={247} viewBox="0 0 375 247" ref={svgRef}>
<Defs>
<LinearGradient
id="a"
x1={0.5}
y1={0.807}
x2={0.5}
y2={1}
gradientUnits="objectBoundingBox"
>
<Stop offset={0} stopColor="#fff" />
<Stop offset={1} stopColor="#fff" stopOpacity={0} />
</LinearGradient>
</Defs>
<Rect className="a" width={375} height={247} />
</Svg>
);
const ForwardRef = React.forwardRef((props, ref) => (
<BackgroundComponent svgRef={ref} {...props} />
));
export default ForwardRef;
App.js
import React from 'react';
import { StyleSheet} from 'react-native';
//import {Actions} from 'react-native-router-flux';
import Routes from './components/Routes';
import {firebaseConfig} from "./constants/ApiKeys";
import ForwardRef from '../../constants/UI_login/Home_Landing_Page/BottomNavigationComponent'
import {AppContainer} from './components/Navigation'
import * as firebase from 'firebase';
if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
console.ignoredYellowBox = ['Setting a timer'];
export default class App extends React.Component {
render() {
return (
<AppContainer/>
<ForwardRef/>
);
}
}
现在我在那里得到一个黑色的空白
Now i am getting a black blank space there
推荐答案
您使用的是默认导出而不是命名导出,因此不是
You are using a default export and not a named one, so instead of
import {ForwardRef} from "..."
你必须写
import ForwardRef from "..."
这篇关于如何在我的App.js视图中导入和使用此文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文