我无法理解以下代码中为什么未将样式应用于{props.children}
内部视图。它不会引发任何错误,而只会将{props.children}
呈现为简单文本。
import React from 'react';
import { View } from 'react-native';
const Card = (props) => {
return (
<View style={styles.containerStyle}>
{props.children}
</View>
);
};
const styles = {
containerStyle: {
borderWidth: 8,
borderRadius: 2,
borderColor: 'black',
borderBottomWidth: 0,
shadowColor: 'black',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1,
shadowRadius: 2,
elevation: 1,
marginLeft: 5,
marginRight: 5,
marginTop: 60
}
};
export default Card;
在此处渲染{props.children}
import React from 'react';
import { Text } from 'react-native';
import Card from './Card';
const AlbumDetail = (props) => (
<Card>
<Text>{props.album.title}</Text>
</Card>
);
export default AlbumDetail;
答案 0 :(得分:2)
@Murmeltier的回答有很小的错误。
文本组件的名称是属性“样式”,而不是“样式”。
<Text style={props.album.title}></Text>
答案 1 :(得分:0)
您只是将嵌套的组件传递给mystery2(new LinkedList<>(Arrays.asList(1,2,3,4,5,6));
,但没有对AlbumDetail
组件内部的text
应用任何样式。您应该这样设置它们:
Card