Экспо linearGradient работает некорректно

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: {}
});

Ошибка, с которой я столкнулся:

Неизменное нарушение: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получил: undefined.вы, скорее всего, забыли экспортировать свой компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имя

Я много пытался найти решение этой проблемы, но не смог сделатьтак.Можете ли вы помочь мне найти решение этой проблемы? Было бы здорово?Спасибо.

Answer 1

, если вы используете expo: 34,35: Добавьте пакет expo-linear-Gradient и измените импорт на

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