【问题标题】:in react native's react-native-timeline-flatlist in imageUrl image is not showing在 imageUrl 图像中的 react native 的 react-native-timeline-flatlist 中没有显示
【发布时间】:2020-05-13 08:05:16
【问题描述】:

您好,我正在尝试在我的屏幕上应用 react-native-timeline-flatlist 所以问题是,当我从任何网站放置任何实时图像 url 时,图像都会显示,但是当我想从我的 react 本机目录显示图像时,图像没有显示,请告诉我问题出在哪里

这是我的数据

const [data,setData] = useState([
      {
        time: '1st Week', 
        title: 'Your baby is still taking shape.', 
        description: ' ',
        lineColor:'#009688', 
        icon: require('../../assets/icon.png'),
        imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg',
      },
      {
        time: '2nd Week', 
        title: 'Your baby is still taking shape.', 
        description: ' ', 
        icon: require('../../assets/icon.png'),
        imageUrl: '../../assets/43/2.png'
      },
      {
        time: '3rd Week', 

        title: 'Your baby is still taking shape.', 
        description: ' ', 
        icon: require('../../assets/icon.png'),
        imageUrl: '../../assets/43/3.png'
      },
     ]); 

在此数据中,仅显示第一张图像,而未显示另一张第二和第三张图像

【问题讨论】:

    标签: reactjs react-native


    【解决方案1】:

    试试require

    const [data,setData] = useState([
          {
            time: '1st Week', 
            title: 'Your baby is still taking shape.', 
            description: ' ',
            lineColor:'#009688', 
            icon: require('../../assets/icon.png'),
            imageUrl: 'https://cloud.githubusercontent.com/assets/21040043/24240340/c0f96b3a-0fe3-11e7-8964-fe66e4d9be7a.jpg',
          },
          {
            time: '2nd Week', 
            title: 'Your baby is still taking shape.', 
            description: ' ', 
            icon: require('../../assets/icon.png'),
            imageUrl: require('../../assets/43/2.png')'
          },
          {
            time: '3rd Week', 
    
            title: 'Your baby is still taking shape.', 
            description: ' ', 
            icon: require('../../assets/icon.png'),
            imageUrl: require('../../assets/43/3.png')
          },
         ]);
    

    【讨论】:

    • 我试过了,这显示错误:更新由 :RCTImageView 管理的视图的属性“src”时出错
    • 当您在本地文件中使用图像时,您使用 source={ require('../../assets/43/3.png')} 如果您使用任何 URL,请使用 source={ {uri://URL 这里}}
    猜你喜欢
    • 2022-12-18
    • 1970-01-01
    • 2022-01-22
    • 2021-07-22
    • 2020-03-07
    • 2019-04-11
    • 2019-03-21
    • 2021-06-29
    • 2019-03-25
    相关资源
    最近更新 更多