Question

问题：

我创建了一个本机应用程序。我正在使用线性渐变。

这是我的代码。

import React, { Component } from "react";

import {
  StyleSheet,
  KeyboardAvoidingView,
  View,
  ActivityIndicator,
  TouchableOpacity,
  TextInput,
  Text,
  Image,
  ImageBackground
} from "react-native";

import { LinearGradient } from "expo";

class Login extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.loginHeader}>
          <LinearGradient colors={["#fdc830", "#ff9a00"]} style={{ flex: 1 }}>
            <Image
              source={require("../../../assets/logo-02.png")}
              style={styles.image}
            />
          </LinearGradient>
        </View>
        <Text>Login</Text>
      </View>
    );
  }
}

export default Login;

const styles = StyleSheet.create({
  container: {
    top: 0,
    flex: 3,
    alignItems: "center"
  },
  loginHeader: {},
  image: {}
});

我面临的错误是

不变违规：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入

我尝试了很多方法来找到解决此问题的方法，但是我无法做到这一点。您能帮我找到解决这个问题的方法吗？谢谢。

Answer 1

如果您使用的是expo：34,35：添加软件包expo-linear-gradient并将导入修改为

import { LinearGradient } from 'expo-linear-gradient'

expo linearGradient无法正常工作

1 个答案: