腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(511)
视频
沙龙
2
回答
当
父
视图
具有
flexDirection
="
row
“
时
,
React
本
机子
视图
未获得
100
%
宽度
、
、
、
、
<View style={{
flexDirection
: '
row
', backgroundColor: 'yellow'}}> style}}> </TouchableOpacity> </View> 我的
父
<
浏览 26
提问于2021-02-09
得票数 0
2
回答
宽度
:'
100
%‘vs
react
本机中的Dimension.get('window').width
、
我想要一个
100
%可用屏幕
宽度
的
视图
,当我使用下面的代码
时
,我的
视图
似乎超出了屏幕边界,尽管当我使用Dimension.get('window').width
时
,它工作得很好。this.price} </TouchableOpacity> flex: 1,
flexDirection
:
浏览 0
提问于2018-05-30
得票数 2
回答已采纳
3
回答
JSX表达式必须有一个
父
element.ts(2657)响应本机
、
、
我是新的反应本地人,已经尝试了一切,并不断得到以下错误这是我的密码。 </View>} <View style={{flex:1,
flexDirection
: '
row
', paddingLeft: 10}}>
浏览 5
提问于2020-03-12
得票数 2
回答已采纳
2
回答
CSS使子兄弟在
100
%
宽度
的
父
级中
具有
相同的
宽度
和高度(正方形)
、
、
、
我有一个
宽度
为"
100
%“(不是屏幕
宽度
)的
父
视图
,我希望每个子
视图
都
具有
相同的
宽度
和高度。<View style={styles.item} /> container: {
flexDirection
: &
浏览 55
提问于2020-09-09
得票数 0
回答已采纳
2
回答
基于
react
原生中的动态子组件自动调整
视图
、
、
、
、
我正在尝试创建如下所示的
视图
, ? 复选框列表是动态的,可以增加或减少。目前,为了截图的目的,我已经为我的checkboxContainer和checkBoxTextContainer样式添加了固定的高度和
宽度
。但我需要同样的工作,而不指定固定的高度和
宽度
。flex: 1,
flexDirection
: "
row
", alignItems},
浏览 37
提问于2019-01-27
得票数 1
回答已采纳
1
回答
理解flexbox背后的哲学
、
我在一个
react
原生应用程序中有一个非常简单的屏幕,它呈现了一个包含两个子元素的容器View:第一个元素
具有
固定的
宽度
和高度,而第二个元素
具有
flex: 1。当我将容器
视图
的alignItems保留为默认的stretch
时
,我得到了预期的结果。当我将它设置为center
时
,第一个项目居中,
宽度
固定在中心,第二个项目完全消失,这让我抓狂。这是我的简单屏幕: import
React
, { PureComponent } from
浏览 1
提问于2019-08-27
得票数 0
10
回答
使
视图
的80%的
父
视图
宽度
为“反应本地”
、
、
、
我正在创建一个在Reactinative中的表单,并希望使我的TextInput的屏幕
宽度
达到80%。和普通CSS,这将是非常简单的: display: block; margin: auto;但是,本机不支持display属性、百分比
宽度
或自动边距
浏览 14
提问于2015-11-26
得票数 131
回答已采纳
2
回答
React
Native Textinput增长超出
父
视图
、
、
我目前正在努力让我的Textinput不超出
父
视图
。", justifyContent: "space-between", }, height: 40, color: Colors.white, }, 问题
浏览 74
提问于2021-11-14
得票数 0
回答已采纳
4
回答
使用原生
react
将其他元素从屏幕上推送出来
、
、
、
、
我正在尝试使用Flexbox在
React
-Native中构建布局,但
当
文本很长
时
,我遇到了问题。我希望布局看起来像这样:但是,
当
蓝色文本变长
时
,它会将日期从屏幕的右侧推送出去,如下所示:我故意让文本停留在一行上。我想要的是让蓝色文本尽可能地扩展,而不是使文本缩小。{ justifyContent: 'center', }, rowContainer
浏览 39
提问于2017-07-03
得票数 9
4
回答
反应原生裁剪边框
、
我是
React
Native的新手,我正在尝试创建一个
视图
,如下图所示。是否可以创建半圆形裁剪边框
视图
,如附件图像中以红色突出显示的那样?
浏览 4
提问于2018-05-31
得票数 0
1
回答
View本机:如何在下一行显示内容而不是脱离
视图
、
、
我正在构建一个
react
本机应用程序,并试图在一行中呈现多个框。问题是,呈现的框数可能会根据不同的情况而有所不同,因此在某些情况下,框的数量太大,因此超过了
视图
中呈现的框的末尾(框不要换到
视图
中的下一行,我希望它们这样做)。我使用的代码如下所示: <View style={{height: '
100
%', width:'
100
%',
flexDirection
: '
row
', flexWrap:
浏览 4
提问于2020-06-21
得票数 0
回答已采纳
3
回答
如何将文本与每个Textinput -
React
Native对齐
、
、
、
keyvalue_to_json.inputFields[i].title}</Text>) } <View style={{ flex: 1,
flexDirection
: '
row
', justifyContent: 'space-between' }}> {
浏览 7
提问于2019-03-28
得票数 0
6
回答
反应式全宽按钮w/ flex-box
、
、
我是新的柔印盒,无法产生一个全
宽度
按钮在反应-本地。一天多以来,我一直在努力弄明白这一点,并且在互联网上阅读了每一篇相关的文章/帖子,但都没有用。我希望有两个跨越整个屏幕
宽度
的TextInput元素,在它们下面有一个按钮,它也跨越屏幕的全部
宽度
。TextInput元素跨越了屏幕的全部
宽度
,但在我正在运行的Android模拟器中,这似乎是默认的。这是我的密码:render: function() { return (
浏览 8
提问于2015-12-01
得票数 54
回答已采纳
6
回答
我可以在一个
视图
(
react
native)中使用WebView吗?
、
我正在尝试使用
视图
组件中的WebView组件,用于我正在工作的
react
原生应用程序。当我在
视图
中嵌入WebView
时
,我看不到在WebView中显示的内容。这是
react
原生的预期行为吗?
浏览 1
提问于2016-08-16
得票数 24
1
回答
iOS中超出
视图
的内容的本机脚本布局不正确
、
、
、
我有一个
视图
,它显示一个嵌套在
父
列表中的列表。
父
级列表
具有
标题详细信息。对于最初显示的内容,一切都是正确的。对于看不到的标题信息,滚动到
视图
中是不正确的。<ScrollView> <StackLayout *ngFor="let property of properties"> <FlexboxLayout
浏览 1
提问于2018-11-09
得票数 3
2
回答
如何在中嵌套水平ScrollViews?
、
、
、
我从看到了反应本地提供的嵌套垂直滚动
视图
import _ from 'lodash'; export default class App extends
浏览 2
提问于2019-08-31
得票数 1
回答已采纳
2
回答
如何使用语法"flex: x“将同一行中的一个元素左对齐,另一个元素居中对齐
、
、
我使用的是flexbox的
react
原生。 display: flex属性不存在,但它确实存在,例如flex: x 我正在尝试这样做: ? 左侧的元素保留占据其内容的
宽度
以及居中元素 我该怎么做呢?如果在我的代码中使用display: flex,它可以工作,但是这个属性在
react
-native中不存在。container{ __display:flex; align-items:flex-end; flex-direction:
row</em
浏览 76
提问于2019-12-14
得票数 1
回答已采纳
4
回答
反应-本地人:如何增加文本和下划线之间的空间
、
我遵循的风格: title: { textDecorationStyle: 'solid', }它将我的内容的下划线创建成一些文本组件。但是,这个下划线似乎太接近用它装饰的文本了。谢谢你的帮助!
浏览 16
提问于2017-06-21
得票数 15
回答已采纳
3
回答
如何在不改变孩子的位置的情况下将
视图
对齐到中心?
、
<View style={{height: '
100
%', width: '
100
%'}}> <ScrollView> {children}
浏览 0
提问于2018-10-06
得票数 3
1
回答
组件呈现在其他组件之上,但不在其下
、
此
视图
卡应在其上渲染。请参阅ViewCard组件代码。zIndex: 999, <View
flexDirection
: '
row
', width: '
100
%', <TouchableOpacity st
浏览 10
提问于2021-09-27
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Android开发之玩转FlexboxLayout布局
Flutter初学者必读的高级布局规则
从 0 到 1 搭建技术中台之 iOS 可视化埋点实践
前端框架之争丨除了Vue、Angular和React还有谁与之争锋
几行代码就能完成 Web 组件的数据绑定
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券