react-native-image-slider(不能显示本地图片) [英] react-native-image-slider (cannot display local images)

问题描述

使用 react-native-image-slider 时我的本地图片不显示

My local images don't display when using react-native-image-slider

import React, { Component } from "react";
import {
    View,
    Text,
    StyleSheet,
    Button,
    Image,
    TouchableHighlight
} from "react-native";
import ImageSlider from 'react-native-image-slider';

class HomeScreen extends Component {

    render() {          
        return (
            <View style={styles.container}>         
        <View style={{alignItems: 'center'}}>                   
            <ImageSlider
                    loopBothSides
                autoPlayWithInterval={3000}
                images={[
                    '../assets/img/art_1.png',
                    '../assets/img/art_2.png',
                    '../assets/img/art_3.png',          
                ]}  
                style={{width:200, height: 200}}
            />              
        </View>
            </View>
        );
    }
}
export default HomeScreen;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: 'column',
    justifyContent: 'center'
    }
});

屏幕上唯一显示的是圆形图标，告诉您当前显示的是什么图像.图像本身不会显示.

The only things that appears on the screen are the circle icons that tell you what image it's currently displaying. The images themselves are not displayed.

推荐答案

对于本地图片，使用require;

images={[
  require('../assets/img/art_1.png'),
  require('../assets/img/art_2.png'),
  require('../assets/img/art_3.png'),          
]} 

这篇关于react-native-image-slider(不能显示本地图片)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！