react native:无法将自定义高度设置为模式
React Native是一种用于构建跨平台移动应用的开发框架。它允许开发人员使用JavaScript和React的语法来创建原生移动应用，同时在iOS和Android平台上共享大部分代码。
在React Native中，可以使用样式来设置组件的高度。通常情况下，可以使用固定的像素值或百分比来设置高度。但是，如果要将自定义高度设置为模式，即根据不同的条件动态设置高度，可以使用一些技巧来实现。
一种常见的方法是使用Flexbox布局来设置组件的高度。Flexbox是一种强大的布局模型，可以根据容器的大小和子组件的属性来自动调整布局。通过设置flex属性，可以实现自定义高度的模式。
另一种方法是使用Dimensions API来获取设备的屏幕尺寸，并根据需要进行计算和调整。可以使用Dimensions.get('window').height来获取屏幕的高度，并根据需要进行适当的计算和调整。
除了以上方法，还可以使用第三方库或插件来实现自定义高度的模式。例如，可以使用react-native-autoheight-webview来实现根据内容自动调整高度的WebView组件。
总之，React Native提供了多种方法来实现自定义高度的模式，开发人员可以根据具体需求选择合适的方法。以下是一些相关的腾讯云产品和产品介绍链接地址：
- 腾讯云移动应用开发平台：https://cloud.tencent.com/product/mapp
- 腾讯云移动推送服务：https://cloud.tencent.com/product/tpns
- 腾讯云移动直播服务：https://cloud.tencent.com/product/mlvb
- 腾讯云移动分析服务：https://cloud.tencent.com/product/cma
- 腾讯云移动测试服务：https://cloud.tencent.com/product/mts
相关·内容
1回答
react native:无法将自定义高度设置为模式
react-native、react-native-modal
我是新的反应-原生的，我正在尝试给模式自定义高度，并在屏幕上使用以下代码居中。
浏览 19提问于2020-03-07得票数 0
回答已采纳
1回答
使React Native background全屏显示时遇到问题
css、ios、reactjs、react-native、react-props
我正在使用世博会iOS模拟器，并一直试图使背景全屏，但不能让它工作。 export default function App() { <ScrollView > <Text style={styles.title}>Mt. Fuji</Text>
<Image source={require('./images/pic.jpeg')} style={styles
浏览 19提问于2020-10-06得票数 0
1回答
如何让FlatList页脚延伸到底部？
react-native
我有一个带有FlatList的React Native应用程序。FlatList通常比屏幕长，所以这不是问题，但当有人搜索时，平面列表会变小，不会填满整个屏幕，让背景显示在它下面。
浏览 0提问于2017-09-09得票数 0
1回答
在IOS上反应本地纸张的黑暗主题
ios、react-native、ios-darkmode、react-native-paper
我想在我的应用程序上使用反应-本机-纸的黑色主题，然而，我所有的<View>仍然有一个白色的背景，并导致所有的文本组件不可读，因为文本变成白色在黑暗模式。我没有使用自定义主题，因为文档提到：
import React from 'react';
import {Provider as PaperProvider} from &#
浏览 8提问于2021-02-18得票数 0
1回答
如何在反应纸的BottomNavigation组件中改变选定图标的颜色？
typescript、react-native、react-native-paper
我有下一页使用BottomNavigationimport { DefaultTheme,} from 'react-native-paper'
const
浏览 5提问于2022-02-17得票数 0
回答已采纳
3回答
React Native -宽度和高度
reactjs、react-native
我在react原生中有一个关于宽度和高度的问题。我设置了一个宽高50的View，在我自己的设备(华为p9 plus)上看起来还可以。然后我换成了更大的设备(华为mate9)，View变大了。或者有一些设置可以让所有的设备都有相同的外观。非常感谢。
浏览 0提问于2017-10-13得票数 1
2回答
React Native中的Dimension.get('window').width是否根据SplashScreen方向而不是当前方向？
ios、ipad、react-native-android
我正在将一个React Native应用程序从iPhone改编到iPad，我遇到了一个奇怪的问题。我怀疑是RN的bug。应用程序的母组件有一个代码，可以将应用程序锁定为纵向模式，如下所示： var Orientation = require('react-native').NativeModules.Orientation;
Orientation.lockToPortrait();
} 从该初始组件开始，通过路由器reac
浏览 75提问于2019-03-13得票数 2
1回答
React原生ImageView不会延伸
ios、react-native
我正在尝试在React Native中实现一个自定义的ObjC SpriteSheet。我可以很好地导出所有内容，但问题是，当我尝试显示它时，它被设置为0宽度和高度。如果我将样式设置为：style={{ flex: 1, width: 224, height: 225 }}，我可以完美地看到我的ImageView，它不是动画，但这是另一天的问题。为了让UIImageView在React Native中扩展，需要做什么
浏览 4提问于2018-02-09得票数 0
2回答
ToolbarAndroid未在react本机中显示
android、react-native、react-native-android
我正在学习react-native编程，使用这个创建工具栏，但在我的例子中它没有显示出来。我不明白我到底在做什么错误的事情。 import { AppRegistry, Text, View, TextInput, TouchableOpacity, ToolbarAndroid } from 'react-native';
import {
浏览 13提问于2017-01-24得票数 2
回答已采纳
8回答
Android导航栏height React-本机
react-native
我正在尝试让Android底部的栏(你有后退按钮的栏)的高度与RN。我做了以下工作：我得到的高度与这条酒吧！由于它可以存在也可以不存在，并且可以更大或更大，这取决于设置，这对我来说是一个大问题。
浏览 0提问于2017-09-09得票数 18
1回答
如何在REACT NATIVE中为不同长度的信息自定义一个单元格高度？
reactjs、react-native
我试图使一个单元格的高度可自定义，这样如果一个视图有更多的信息，它将创建一个额外的行，减小字体大小，并加长单元格的高度。例如，就像在Facebook评论中一样，如果有人发布了较长的评论，单元格高度将自动增加以适合所有评论。我对React Native是一个相当新的人，在网上找不到这样的东西，所以如果你们能帮助我，我会非常感激！谢谢你们
浏览 0提问于2015-11-17得票数 2
5回答
在React-Navigation中获取任意设备上选项卡栏的高度
reactjs、react-native、react-navigation
我想在React- createBottomTabNavigator TabBar中将一个组件放在导航V2的正上方。
标签栏的高度似乎在不同的设备上有所不同(特别是iOS设备)。有没有办法计算选项卡栏在设备上显示时的高度？
浏览 9提问于2018-05-14得票数 7
1回答
React Native react-native-datepicker未显示某些日期
react-native、datepicker
我正在使用react-native-datepicker，似乎有一些日期的字体颜色是透明的，而另一些则不是。我不知道出了什么问题，我有最新版本的datepicker。import React from 'react';import moment from'moment';
import {Platform} from
浏览 29提问于2020-02-05得票数 1
3回答
在react native中检测视图外部的轻击
reactjs、react-native、modal-dialog
如何检测View外部的点击(View是一个小的宽度和高度都是200)。例如，我有一个自定义的视图(类似于模式)，它的可见性是由状态控制的。但当点击外面没有什么变化，因为没有setState为它做的，我需要抓住用户点击任何地方，除了内部的模式。在React Native中这是怎么可能的呢？
浏览 0提问于2017-10-17得票数 13
我已经在我的应用程序中实现了一个firebase动态链接，并将邀请者数据发送到其中。当用户点击链接时，它就会转到play商店，被邀请者就可以安装应用程序并打开。但是邀请者的数据在这个时候不会被删除。只有当被邀请者再次点击动态链接并直接转到应用程序(而不是去play商店)时，数据才会移动。不知道为什么会发生这样的事情。我想邀请者的数据应该去第一次点击链接和路由后，被邀请者安装和打开的应用程序，不需要点击动态邀请链接again.please帮助？
浏览 11提问于2019-12-12得票数 0
回答已采纳
1回答
安卓在ActionBar上方添加视图
android、android-actionbar、statusbar、custom-view
我在全屏模式下有一个活动。活动中有一个带有4个选项卡的ActionBar。我的问题是，我想在活动的顶部“模拟”我自己的状态栏。但我不能在状态栏上方添加视图。当我将自定义视图设置为ActionBar (并设置为.setDisplayShowHomeEnabled(真))时，它基本上是有效的-自定义视图位于ActionBar-Tabs的上方。但是在这个解决方案中，我不能控制自定义视图的高度--它总是静态地保持相同的<em
浏览 2提问于2013-10-14得票数 3
1回答
react原生中的ToolTip
javascript、css、react-native
我在用react-native实现动态工具提示时遇到了一个问题。有没有人能教我如何用动态数据来获得合适的高度和宽
浏览 30提问于2021-06-07得票数 1
1回答
我怎样才能获得相机预览的高度？
reactjs、react-native、react-native-camera
使用 (RNCamera)，当预览是窗口的全部宽度时，我很难将相机预览的高度设置为正确，而整个预览是可见的。此问题假定设备在任何时候都处于纵向模式。我的代码如下：import { Dimensions, Button, View } from "react-native";
import { RNCamera } from &q
浏览 0提问于2018-12-12得票数 0
回答已采纳
2回答
将线高设置为“反应本机”中的乘法器
react-native
在CSS中，可以按以下方式设置线条高度 line-height: 20px; // absolute value在本机Android中，相同的值可以设置为 lineSpacingMultiplier:'1.5'
...文档中没有任何关于线高度乘数的信息。lineHeight属性只能用于设置绝对
浏览 7提问于2017-10-21得票数 4
回答已采纳
2回答
如何将视图放在html内容之后？
html、css、react-native、webview
我的一小段代码是这样的。 <View style={{flex:1}}> style={{flex:1}} /> <Text>SOME TEXT</Text></View> 我想在所有HTML内容的末尾显示一些文本。 我的HTML内容不是几行。这是最小的500行。因此它必须是滚动。在卷轴的末尾，应该会出现一些文字。 摘要:我想在html内
浏览 32提问于2019-08-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
