找不到名称div的视图配置

Question

shards-react的卡组件不起作用

运行react-native run-android时出现错误：

  

找不到名称div的查看配置。请谢谢。

import React from "react";
import PropTypes from "prop-types";
import { StyleSheet, Text, View, Alert, Image } from 'react-native';
import { Card } from "shards-react";

class User extends React.Component {
  render() {
    const { name, avatar, email} = this.props;

    const userDetails = (
        <View>
          <Image style={styles.img} source={require('../assets/logo.jpg')} />
          <Text>Name: {name} </Text>
          <Text>Email: {email} </Text>
        </View>
    );
    return (
      <Card>
      {userDetails}
      </Card>
    );
  }
}
const styles = StyleSheet.create({
  img:{
    marginTop:250,
    height:120,
    width: 120,
    borderRadius: 70,
  }
});
User.propTypes = {
  name: PropTypes.string,
  avatar: PropTypes.string,
  email: PropTypes.string,
  isLoading: PropTypes.bool
};

export default User;

该库仅适用于Web吗？不适用于移动应用吗？
如果是，还有另一个吗？

Answer 1

shards-react默认使用<div>标签来构建Card。 <div>是无效的React Native组件。但是shards-react允许传递其他组件来代替<div>使用。尝试像这样将tag属性传递给Card：

return (
    <Card tag={View}>
        {userDetails}
    </Card>
);

如果这对您没有帮助，则无法在react-native中使用该库。