小编Swi*_*ter的帖子

当 resizeMode 设置为“contain”时,borderRadius 不适用于图像

我一直在尝试用一堆随机选择的图像构建一个图像轮播。我想保持它们的纵横比,所以我将 resizeMode 设置为“包含”。不知何故,这一步会导致任何设置的 borderRadius 丢失!可能是什么原因?如果该步骤根本不起作用,关于如何保持正确的纵横比+使角变圆的任何其他想法?

非常感谢你的帮助!

这是代码:

import React, { useCallback, memo, useRef, useState } from "react";
import {
  FlatList,
  View,
  Dimensions,
  Text,
  StyleSheet,
  Image,
} from "react-native";


const images = [
  Image1,
  Image2,
  Image3,
  Image4,
  Image5,
  Image6,
  Image7,
  Image8,
  Image9,
  Image10,
  Image11,
  Image12,
  Image13,
  Image14,
  Image15,
  Image16,
  Image17,
  Image18,
  Image19,
  Image20,
  Image21,
  Image22,
  Image23,
  Image24,
  Image25,
  Image26,
  Image27,
  Image28,
  Image29,
  Image30,
  Image31,
  Image32,
  Image33,
  Image34,
  Image35,
  Image36,
  Image37,
  Image38,
  Image39,
  Image40,
  Image41,
]


const { width: windowWidth, height: windowHeight …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

0
推荐指数
1
解决办法
1431
查看次数

标签 统计

javascript ×1

react-native ×1