javascript - 功能无效,因为出现 React Child 警告并且无法显示我的图像
问题描述
我正在尝试将我的图像堆叠在一起,并将实现滑动(如火种)。但我无法显示我的图像,相反,我只是收到警告,
函数作为反应子无效
import React, { Component } from 'react';
import {StyleSheet, Dimensions, View, Animated, Image } from 'react-native';
const SCREEN_HEIGHT = Dimensions.get('window').height
const SCREEN_WIDTH = Dimensions.get('window').width
//my images
const Users = [
{ id: "1", uri: require('./assets/image1.jpeg') },
{ id: "2", uri: require('./assets/image2.jpeg') },
{ id: "3", uri: require('./assets/image3.jpeg') },
{ id: "4", uri: require('./assets/image4.jpeg') },
]
export default class App extends Component {
render() {
//i tried doing this map outside render too , but did not work
const Images = Users.map((item, i) => {
return (
<Animated.View key={item.id} style={{ height: SCREEN_HEIGHT - 120, width: SCREEN_WIDTH, padding: 10, position:'absolute'}}>
<Image style={{ flex: 1, height: null, width: null, borderRadius: 20 }} source={item.uri} />
</Animated.View>
)
}
).reverse
return (
<View style={styles.container}>
<View style={{ height: 60 }}>
</View>
<View style={{ flex: 1 }}>
{Images} // not getting rendered here
</View>
<View style={{ height: 60 }}></View>
</View>
);
}
}
//styles
const styles = StyleSheet.create({
container: {
flex: 1,
}
});
我无法渲染我的图像,它显示了 Functions are not valid as a react child 的警告
解决方案
推荐阅读
- php - 为什么我的函数没有返回任何内容
- javascript - 类公共实例字段
- javascript - CSS线性渐变不准确?
- react-native - 将一个屏幕作为另一个屏幕的一部分
- python - 如何使用 tensorflow 对 Tensor 阶段进行切片
- square-connect - 如何获取发票的收货地址?
- mysql - 将另一个表与现有的联结表连接起来
- javascript - 按 id 对唯一数组进行排序并保留最后一个值
- debugging - 在 elisp 中设置键绑定时出现“参数类型错误:commandp,my/function”
- android-studio - 当应用程序在后台或终止时将 FCM 数据保存在 Room 中