在React Native中使用固定数字设置高度和宽度是否被认为是不好的做法？
在React Native中使用固定数字设置高度和宽度被认为是不好的做法。这是因为React Native的设计理念是基于移动设备的多样性，不同设备具有不同的屏幕尺寸和分辨率。使用固定数字设置高度和宽度可能导致在不同设备上显示效果不一致，甚至出现布局错乱的情况。
为了适应不同设备的屏幕尺寸，React Native提供了一些灵活的布局组件和样式属性。可以使用相对单位（如百分比）或者基于设备屏幕的单位（如dp或pt）来设置组件的高度和宽度。这样可以确保在不同设备上都能够得到一致的布局效果。
另外，React Native还提供了一些布局组件，如Flexbox布局，可以更加方便地实现灵活的自适应布局。使用Flexbox布局可以根据容器的尺寸和内容的需求，自动调整组件的位置和大小，适应不同屏幕尺寸的设备。
总结起来，为了确保在不同设备上获得一致的布局效果，推荐在React Native中使用相对单位或者基于设备屏幕的单位来设置组件的高度和宽度，避免使用固定数字。此外，灵活运用React Native提供的布局组件和样式属性，如Flexbox布局，可以更好地实现自适应布局。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
2回答
在React Native中使用固定数字设置高度和宽度是否被认为是不好的做法？
css、reactjs、react-native
我目前正在用React Native进行开发。考虑到移动设备上的屏幕大小各不相同，使用以下内容是不是不好的做法： width: 50, height: 50 有没有更好的方法来设置视图中组件的高度和宽度？特别是TextInput、Buttons和FlatList组件。
浏览 31提问于2019-02-24得票数 0
1回答
相同高度的不同图像
css、tailwind-css
我在网格中显示了一些图像。然而，它们是不同的高度。 我怎样才能使它们的大小相同呢？ 代码到目前为止。 附注:我使用React，因此使用className。它的工作原理与class完全相同。
浏览 13提问于2020-08-23得票数 0
6回答
React Native中的屏幕宽度
react-native
如何在React native中获得屏幕宽度？我需要它，因为我使用了一些重叠的绝对组件，它们在屏幕上的位置随着设备的不同而变化。
浏览 76提问于2015-11-19得票数 129
回答已采纳
1回答
如何在react native中使用高度自动？
reactjs、react-native
在浏览器中，可以指定图像的宽度，并可以将高度设置为自动。这将使图像在绑定到指定宽度的同时保持纵横比。高度和纵横比都不是事先知道的
我如何在react native中做同样的事情？属性只能接受数字值。
浏览 6提问于2016-04-26得票数 7
1回答
react原生中的ToolTip
javascript、css、react-native
我在用react-native实现动态工具提示时遇到了一个问题。
我想实现工具提示，在其中我必须显示来自后端的动态数据。我尝试实现了react-native-elements ToolTip，react-native-walkthrough-tooltip库。但是有了他们的道具，我就不能达到同样的效果..我已经尝试在flex的帮助下设置工具提示容器视图，并为内部容器视图提供
浏览 30提问于2021-06-07得票数 1
1回答
如何在react-native中制作灵活宽度的2d FlatList
css、react-native、flexbox
我使用的是react native 0.57。我想用Flatlist为非固定宽度和固定高度的盒子制作2D Grid。像grid show这样的东西可以根据屏幕大小自由调整列数。我无法实现它。我可以使用固定的列，但我希望我的网格可以根据设备的宽度进行调整。框的宽度</e
浏览 10提问于2019-02-08得票数 0
2回答
React-Native:带百分比值的边距
css、reactjs、react-native、flexbox、react-native-flexbox
我试图在我的React Native项目中使用边距样式属性的百分比值，但它似乎减少了我的一个View组件的高度。如果我用一个绝对值替换百分比值，就不会再有问题了，它工作得很好。您是否尝试在React Native中使用百分比值作为边际？以下是重现此问题的一个小代码示例：
import React, { Comp
浏览 18提问于2018-05-23得票数 19
3回答
以编程方式为iPhone和iPad部署UI的最佳实践
ios、swift、ipad、autolayout、constraints
寻找一个清晰的解决方案，以编程方式布局UI，并使其在每个设备上看起来都是正确的。我试着根据设备的不同，将CGFloat扩展为缩放数字 func scale() {
// Modifies self by multiplies我如何布局我的UI，使它将工作在所有的设备上，没有黑客的解决办法。我是否应该避免某些类型的限制？(例如，不要设置
浏览 14提问于2020-02-07得票数 7
回答已采纳
4回答
React Native中图像顶部的覆盖按钮
javascript、image、react-native
我试图在React Native中实现以下效果：图像的角落里有一个按钮。我在React Native中遇到的问题是image组件的大小并不总是与缩小后的图像大小相匹配。如果我将图像的高度固定为300，设置flex 1以使图像的宽度扩展以填充其内容，图像是一个肖像，
浏览 1提问于2017-10-05得票数 11
2回答
如何在React Native中计算TextInput组件中的文本宽度？
ios、react-native
我试图让TextInput自动缩放，也就是说，TextInput的高度随着文本换行到下一行而增加。所以我的问题是如何计算文本的宽度？有没有其他方式可以实现弹性伸缩效果？
谢谢!
浏览 1提问于2015-08-29得票数 14
3回答
使用resizeMode = contain时图像对齐
react-native
我正在使用React Native的Image标签来显示具有可变宽度和高度的图像。我已经将图像设置为100x50，并设置了resizeMode = contain，这几乎可以完美地工作，但是如果调整图像的大小，它会完全垂直和水平居中。这种行为可以改变吗？样机屏幕截图：红色方框表示图像元素设置为100x50。膝上型pic表示可变宽度&#
浏览 5提问于2016-03-16得票数 16
回答已采纳
5回答
以编程方式设置组件的宽度和高度
android
在Android 2.3.3中开发的应用程序问题1：：我有大约16个按钮。有没有一种方法，我可以在中设置所有按钮的宽度和高度，使用一个循环(或)没有它。我希望所有的按钮都是统一的。
问题2:你对这种做法有什么看法？好还是不好？请解释一下为什么？假设我每行有4个按钮。如果我以编程方式获得屏幕的<e
浏览 0提问于2012-12-06得票数 3
回答已采纳
1回答
反应本机-图像推送文本出屏幕-固定与第三视图？
javascript、react-native、flexbox
我正在使用ReactinativeVersion0.44.0和expo应用程序在ListView屏幕上呈现一些图像和文本。
我的问题是造型。A.最初我在View1中只有一个视图(View1)、一个图像和一个文本组件。我设置了flexDirection="row"和justifyContent="center"，并在屏幕中以图像和文本为中心。我插入了View2，这确实允许文本垂直
浏览 3提问于2017-07-13得票数 0
回答已采纳
2回答
嵌入式Twitter小部件溢出页脚和其他元素
html、css
我是HTML和CSS的初学者，我正在尝试推出一个简单的网站，其中包含一个来自第三方网站的iframe和内置的Twitter时间线小部件。1920x1080版本看起来都很好，但是当我使用媒体查询使其响应时，Twitter时间轴小部件就会溢出到页脚或我在其下面放在html中的任何其他元素上。更重要的是，它没有溢出，更重要的是，当页脚或任何其他元素出现时，时间线就开始出现。
相关的HTM
浏览 5提问于2022-09-05得票数 0
回答已采纳
3回答
映像borderRadius在react本机中不起作用
react-native
我已经在图像中使用了borderRadius并循环它。它在一些图像中工作，但其他图像是矩形的。如果我触摸它，那么它就会显示半径，并且一旦它没有被触摸，它就会消失。使用overflow hidden并不能达到同样的效果。
我很困惑，我使用了相同的风格，但结果却不同。我只在Android设备上测试过它。
浏览 3提问于2018-09-28得票数 4
2回答
React本机链接库
ios、react-native、static-linking
我想从使用Native IOS搜索栏，当我运行npm install --save ()时，我得到错误bash: library-with-native-dependencies:没有这样的文件或目录。
浏览 2提问于2016-03-04得票数 1
1回答
访问中继状态而不传递道具
javascript、reactjs、react-context、relay、react-relay
我现在正在学习Relay，我想知道是否有一种不需要传递道具就可以进入这个州的方法。我认为Relay使用了React上下文，但是，在所有示例中，它们似乎都使用道具传递状态，而不是直接访问上下文存储。是否可以通过上下文访问状态？如果是的话，这是否被认为是不好的做法？
我担心的是，我会开始有很多道具被传给组件。此外，在</em
浏览 6提问于2021-12-23得票数 1
2回答
应用程序设置使用核心数据
ios、objective-c、cocoa-touch、core-data、settings
在应用程序设置中使用核心数据来管理是否被认为是不好的做法？例如，我创建一个名为" settings“的实体，并给它一个属性，如”首选主题“或”按:排序“，然后在视图控制器的viewWillAppear方法中访问设置时，获取实体，并使用属性值。这样做是否效率低下/有没有更好的
浏览 3提问于2013-12-08得票数 0
回答已采纳
1回答
我编写了一个简单的数据处理程序类。#include <iostream>#include <vector>
{
public
浏览 0提问于2018-08-28得票数 -1
8回答
Android导航栏height React-本机
react-native
我正在尝试让Android底部的栏(你有后退按钮的栏)的高度与RN。我做了以下工作：我得到的高度与这条酒吧！由于它可以存在也可以不存在，并且可以更大或更大，这取决于设置，这对我来说是一个大问题。
浏览 0提问于2017-09-09得票数 18
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
