Question

在我使用的反应原生图像中，我根据屏幕尺寸设置宽度和高度。现在，当我设置图像源时，不会显示整个图像。我尝试了resizeMode和resizeMethod属性，但它仍然无法正常工作。我怎样才能做到这一点？

BibNum  Title   Author  ISBN    PublicationYear Publisher   Subjects    ItemType    ItemCollection  FloatingItem    ItemLocation    ReportDate  ItemCount

Answer 1

您需要以下列方式使用Image

<table style="background-color: #002c5f; color: white; font-family: Roboto, sans-serif; font-size: 20px; font-weight: 300;">
    <tbody>
        <tr>
            <th style="height: 80px;" colspan="6" align="center">Course Name: '.$rows_header["course name"].'</th>
        </tr>
        <tr>
            <th>Course Code: '.$rows_header["course_id"].'</th>
            <th>Room: '.$rows_header["room"].'</th>
            <th>Schedule: '.$rows_header["starting"].'-'.$rows_header["ending"].'</th>
            <th>Days:'.$rows_header["day"].'</th>
            <th>Term: '.$rows_header["term"].'</th>
            <th>Year: '.$rows_header["year"].'</th>
        </tr>
        <tr></tr>
    </tbody>
</table>

您可能需要的resizeModes为<Image source={{ uri: "https://pbs.twimg.com/media/DWvRLbBVoAA4CCM.jpg" }} resizeMode={'stretch'} style={styles.image} />，cover，stretch（仅限IOS）

要显示整个图像，大多数情况需要更改宽高比，因此，您可以使用repeat

如何使反应原生图像适合图像的宽度和高度

1 个答案: