在React Native中导出方法/功能

Question

export { width as responsiveHeight } from "react-native-responsive-dimensions";

I want to export responsiveHeight with name width . What is correct way to do this? As this is not working.

Answer 1

Your syntax is opposite. You want to get responsiveHeight as width .

Try this

export { responsiveHeight as width } from "react-native-responsive-dimensions";

Answer 2

You're actually doing the opposite, you are taking your width function and add it an alias called responsiveHeight, so you need to do this:

export { responsiveHeight } from "react-native-responsive-dimensions";

just as simple as that, export width in that way, it should work with no issue.

Answer 3

Try This One.

import React from "react";
import {responsive} from "react-native-responsive-ui";

@responsive
export default class Debug extends React.Component {
    render() {
        const {width, height} = this.props.window;
        console.log(`New window dimensions: ${width}x${height}`);
        return null;
    }
}