我尝试使用Flatlist,它也不工作。在FlatList上,它不会显示图像,所以我无法测试它。在ScrollView上,它正在显示,但它不会滚动。下面是我的代码,请帮助:
import { ScrollView, StyleSheet, View, Image } from "react-native";
import React from "react";
const StylistFeatures = ({ businessFeatures }) => {
const { wifi, walkIn, appointments, toHome, celebrityStylist, covidMask } =
businessFeatures;
return (
<View
style={{
alignSelf: "center",
flexDirection: "row",
width: "100%",
height: "14%",
}}
>
<ScrollView
horizontal
scrollEnabled
showsHorizontalScrollIndicator={false}
contentContainerStyle={styles.contentContainerFlatListStyle}
style={{ flexGrow: 1, padding: 10 }}
>
<View style={styles.imageContainerStyle}>
{wifi ? (
<Image
source={require("../assets/images/design-icon/wifi.png")}
style={styles.imageStyle}
/>
) : null}
</View>
<View style={styles.imageContainerStyle}>
{walkIn ? (
<Image
source={require("../assets/images/design-icon/walk.png")}
style={styles.imageStyle}
/>
) : null}
</View>
<View style={styles.imageContainerStyle}>
{appointments ? (
<Image
source={require("../assets/images/design-icon/calendar.png")}
style={styles.imageStyle}
/>
) : null}
</View>
<View style={styles.imageContainerStyle}>
{toHome ? (
<Image
source={require("../assets/images/design-icon/car.png")}
style={styles.imageStyle}
/>
) : null}
</View>
<View style={styles.imageContainerStyle}>
{celebrityStylist ? (
<Image
source={require("../assets/images/design-icon/celebrity.png")}
style={styles.imageStyle}
/>
) : null}
</View>
<View style={styles.imageContainerStyle}>
{covidMask ? (
<Image
source={require("../assets/images/design-icon/safety-mask.png")}
style={styles.imageStyle}
/>
) : (
<Image
source={require("../assets/images/design-icon/no-mask.png")}
style={styles.imageStyle}
/>
)}
</View>
</ScrollView>
</View>
);
};
export default StylistFeatures;
const styles = StyleSheet.create({
contentContainerFlatListStyle: {
width: "100%",
alignItems: "center",
height: "100%",
},
imageStyle: {
width: 40,
height: 40,
margin: 5,
},
imageContainerStyle: {
marginRight: 12,
borderColor: "black",
borderWidth: 1,
borderRadius: 10,
},
});
字符串
请帮帮我,有什么原因吗?是不是有什么不好的东西造成了没有卷轴?
下面是一个截图:
2条答案
按热度按时间hwazgwia1#
尝试删除“contentContainerFlatListStyle”width属性,然后再试一次。如下所示。它应该可以工作。让我知道它的进展。
字符串
4szc88ey2#
对我来说,ScrollView不起作用,因为它由于某些原因被
<TouchableWithoutFeedback></TouchableWithoutFeedback>
标签 Package 。