如何使用向左箭头和向右箭头使用自定义箭头 - React Native幻灯片

时间:2018-06-12 06:47:02

标签: reactjs react-native

我在反应原生中使用this插件,我需要使用自定义箭头或文本箭头,就像<>一样,但我没有得到以下类型的内容arrowLeftarrowRight所以,左箭头和右箭头是否有任何示例

arrowLeft |对象|可选| - |组件箭头左侧

arrowRight |对象|可选| - |组件向右箭头

1 个答案:

答案 0 :(得分:0)

你可以简单地传递任何组成部分,即

import Slideshow from 'react-native-slideshow';
import {Image} from 'react-native'

// ...

render() {
  return (
    <Slideshow 
      dataSource={[
        { url:'http://placeimg.com/640/480/any' },
        { url:'http://placeimg.com/640/480/any' },
        { url:'http://placeimg.com/640/480/any' }
    ]}
    arrowLeft={<Image source={require(PATH_TO_LEFT_ICON)}/>}
    arrowRight={<Image source={require(PATH_TO_RIGHT_ICON)}/>}/>
  );
}

**我使用Image作为组件,你可以使用你想要的任何东西。 现在你很高兴。