Блог

Я работаю над собственным проектом react , у меня есть горизонтальное представление прокрутки , содержащее четыре изображения ,я хочу уменьшить размер изображений, исходным источником для каждого изображения является источник uri.

     const [image1, setImage1] = useState(
    'https://image.flaticon.com/icons/png/512/916/916762.png',
  );
 

Это один и тот же uri для четырех изображений.
Это код ScrollView :

 <ScrollView
          horizontal
          contentContainerStyle={{justifyContent: 'space-between'}}>
          <ImageBackground
            source={{
              uri: image1,
            }}
            style={{
              height: 120,
              width: 150,
              marginRight: 10,
            }}></ImageBackground>
          <ImageBackground
            source={{
              uri: image2,
            }}
            style={{
              height: 120,
              width: 150,
              marginRight: 10,
            }}></ImageBackground>
          <ImageBackground
            source={{
              uri: image3,
            }}
            style={{
              height: 120,
              width: 150,
              marginRight: 10,
            }}></ImageBackground>
          <ImageBackground
            source={{
              uri: image4,
            }}
            style={{
              height: 120,
              width: 150,
              marginRight: 10,
              
            }}></ImageBackground>
        </ScrollView>