腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
使
TouchableOpacity
在
具有
flex
=
1
的
父
级
中
嵌套
时
包装
其
内容
react-native
、
touchableopacity
我知道默认情况下,
TouchableOpacity
的
width总是作为wrap-content。但是我把它放在了一个有
flex
的
视图中:
1
.
TouchableOpacity
的
宽度变成了match-parent/取整个屏幕
的
宽度。<View style={ {
flex
:
1
} }> <Text>I
浏览 18
提问于2020-09-18
得票数 1
回答已采纳
1
回答
使
柔性盒
在
IE11
中
继承适当
的
宽度
css
、
sass
、
flexbox
、
internet-explorer-11
我们有一系列
的
div组件,应该按照Chrome
中
相同
的
行为
在
IE11
中
使用
flex
。在下面的小提琴
中
,您将找到组成“列”结构
的
复选框元素,以及希望填充整个
父
级
宽度
的
复选框元素。
在
开始全宽度复选框元素
的
第二行上,该元素将被
包装
到下一行,因为它
中
的
.grid__item-
flex
元素超出了.gri
浏览 6
提问于2016-11-29
得票数 10
1
回答
在
父
级
边框
的
视图中显示
TouchableOpacity
选项下面的行
javascript
、
css
、
react-native
、
react-native-stylesheet
我
在
React Native中有一个类似于组件
的
菜单,它被
包装
在一个视图中。此视图有3个选项。我希望每个选项下面都有一条线,几乎接触到视图
的
边界。为了实现这一点,我有三个带文本和一个视图
的
TouchableOpacities,它们都
包装
在同一个
父
元素下。下面是我
的
代码: export function Menu () { <View style={{
浏览 14
提问于2019-10-02
得票数 0
回答已采纳
3
回答
如何
从父母
的
onPress
中
预防儿童视图
react-native
、
touchableopacity
我有
TouchableOpacity
如下, <View style={{height: 50, width: 50}}> <View>View
浏览 1
提问于2020-09-25
得票数 1
回答已采纳
3
回答
如何
在react native
中
添加浮动按钮?
css
、
reactjs
、
react-native
我想在react原生
中
添加浮动按钮。我用position: absolute添加了它,但它显示
在
屏幕
的
末尾,即底部。目前它只显示
在
底部,即屏幕
内容
结束
的
地方。我想在右下角显示浮动按钮,当用户向上和向下滚动屏幕
时
应该是可见
的
。react原生论文中
的
浮动按钮:https://callstack.github.io/react-native-paper/fab.html#usage 如果我使用posi
浏览 93
提问于2019-01-28
得票数 4
回答已采纳
16
回答
TouchableOpacity
在
绝对定位视图中不工作
android
、
react-native
我有一个绝对定位
的
视图,它包含三个
TouchableOpacity
组件,而这三个组件没有响应--它们根本不起作用。这里出什么问题了?this.headerSmallHeight, position: 'absolute', left: 0, top: floatedHeaderTitleTop, elevation: 2}]}> <
TouchableOpacity
Text style={[styles.highNormalLowDocListHeaderStateText, highSelected.
浏览 14
提问于2016-08-31
得票数 61
回答已采纳
1
回答
React Native:子对象不会对
父
属性更改做出反应
javascript
、
reactjs
、
react-native
我有一个自定义
的
模式组件,其中我传递了一个isVisible属性,这个属性来自它
的
父
状态属性状态,现在在模式(子组件)
中
,我可以
在
父
组件
中
执行eit和事件并对
其
做出反应,更改
父
组件
中
的
值应该会影响子组件
父
级
: const [ modalIsVisible, setModalIsVisible ] = useState(false); const handleCl
浏览 9
提问于2020-11-26
得票数 0
2
回答
绝对定位导致反应本机组件脱离屏幕
javascript
、
css
、
reactjs
、
react-native
、
frontend
我
的
一个本机屏幕需要在屏幕底部有一个
TouchableOpacity
。我尝试过设置position: "absolute"和bottom: 0,但是,这只会导致元素
在
屏幕下方几百像素。我
如何
使
我
的
TouchableOpacity
一直
在
屏幕底部?styles.mainView}> <View style={{ position: "relative" }}>
浏览 9
提问于2022-07-26
得票数 0
1
回答
在
嵌套
flex
布局
中
的
所有祖先节点上设置"
flex
:
1
“或"
flex
-grow:
1
”
的
说明,因为
flex
属性不是分层
的
?
css
、
react-native
、
flexbox
、
flex-grow
为了
使
flex
-grow按预期工作,我已经读过好几次了,您通常需要在元素
的
父
元素、其父元素等上设置
flex
-grow:
1
(或
flex
:
1
)。 这给我
的
印象是,在学习柔性盒
时
,它
具有
某种等级性质。但我刚刚了解到,所有的flow-*属性都不是分层
的
,只直接应用于容器及其直接
的
子
级
。我认为,除了我以外
的
许多人将受益于对
fle
浏览 0
提问于2017-09-28
得票数 0
2
回答
如何
使
柔性盒项目与
父
元素
具有
相同
的
高度?
html
、
css
、
flexbox
我在网上搜索了一段时间,似乎找不到解决这个问题
的
办法。也许我只是有点困惑。 <ul> <li class="linkOne"><a href = "">Link
1
<div class="sp
浏览 1
提问于2017-01-15
得票数 2
回答已采纳
3
回答
如何
禁用子元素
在
可触摸组件
中
的
触摸
react-native
、
touchableopacity
我有以下代码 <BlurView blurType={'light'} blurAmount={10} style={{
flex
:
1
}}> <
TouchableOpacity
style={{
flex
:
1
, justifyContent: 'center', alignItems: 'center'}} onPress={() => this.setState({displayVideoModalmoderat
浏览 24
提问于2019-12-18
得票数 7
回答已采纳
1
回答
如何
让
flex
项目正确对齐?
html
、
css
、
flexbox
这是我作为学习项目的一部分克隆Jobbatical.com
的
摘录。忽略缺少
的
徽标。 <div class="container-fluid">
浏览 0
提问于2018-01-12
得票数 1
回答已采纳
5
回答
带有
flex
1
的
ScrollView使其不可滚动。
flexbox
、
react-native
、
react-native-scrollview
我试图
在
ScrollView上运行
flex
,只要ScrollView有
flex
:
1
,滚动条就不能运行。下面是世博小提琴(您可以运行这段代码并使用它) 请注意,如果将
flex
:
1
从ScrollView
中
删除,它确实允许滚动,但随后就失去了弹性功能(让红色容器向下推上上部框( ScrollView)
的
能力),所以我必须在那里有一个
flex
。我只
在
安卓上工作,我还没有
在
iPhone上测试过它(我不介
浏览 2
提问于2017-10-18
得票数 37
回答已采纳
1
回答
overflow设置为visible最近开始调整
父
div
的
高度以适合子
级
css
、
flexbox
、
overflow
我有一个子div,它在
父
div
中
悬停
时
增加
其
高度,该
父
div
的
overflow-y设置为visible。从最近开始,
父
div一直
在
调整/增加它
的
高度,以便当子div
的
高度增加
时
与子div
的
高度相匹配,而不是简单地允许子div溢出并延伸到
父
div之外。
父
div也是flexbox列表
的
子列表,该列表
具有
固
浏览 2
提问于2019-04-03
得票数 0
1
回答
如何
强制子元素遵守“`
flex
: nowrap;` CSS指令”
javascript
、
css
、
svg
、
flexbox
我
在
屏幕上同时有几个d3.js动画,每个动画都由CSS display:
flex
;和
flex
: nowrap;指令控制,问题(
包装
)动画和其他正确显示
的
动画(即非
包装
动画)之间唯一
的
区别是: 因为它有非(据我所知,这些都是块
级
的
,理论上占了整个可用
的
显示宽度,因此,
在
css文件
中
,设置display: inline;
时
被“重写”了。溢出
的
s
浏览 0
提问于2014-08-14
得票数 0
回答已采纳
4
回答
如何
防止没有
包装
的
弹性项目溢出?
html
、
css
、
flexbox
我有一个带有
flex
-direction: row
的
柔性盒。子项有一个min-width集。当窗口缩小到到达min-width
的
点
时
,这些项开始溢出
flex
容器。
flex
-basis: 0px; margin: 5px; background-color: blue;<divchild"></div> <di
浏览 0
提问于2018-04-27
得票数 26
回答已采纳
2
回答
React本机
中
的
Flex
标头布局
javascript
、
reactjs
、
react-native
、
flexbox
、
babeljs
我是新来
的
react本地用户,我试图将后退按钮与左边对齐,但是将标题保持
在
中心位置,但是没有什么工作,这是代码。import React, { Component } from 'react'; render(){
浏览 2
提问于2018-03-09
得票数 0
回答已采纳
1
回答
没有额外宽度
的
包装
柔性盒
css
、
flexbox
我试图
在
一个容器
中
显示一堆盒子,这样当它们达到容器
的
最大宽度
时
,它们就会填充一行,然后绕一圈。通过
在
容器<div>上放置以下样式,我可以轻松地完成基本布局display:
flex
;max-width: calc假设每个内部盒
的
长度为300 my,而在我
的
屏幕上,容器
的
宽度为800 my。我一排要两盒
浏览 3
提问于2022-09-16
得票数 1
1
回答
有一排向不同方向移动
的
flex
容器
css
、
flexbox
我正在尝试创建一个包含两个不同区域
的
flex
容器。左边将有两个
flex
盒子堆叠在一起,而右边(box
1
)将是另一个
flex
容器,其中有多个列形式
的
盒子。当我现在创建它
的
时候,它都被放在角落里,看起来像这样。 display:
flex
; border:
1
px #cc
浏览 0
提问于2018-12-13
得票数 1
1
回答
如何
使用
flex
:
1
对div内
的
滚动进行div溢出
html
、
css
、
flexbox
我
在
<pre>标签中有一些源代码,当浏览器窗口调整大小时,我想滚动这些源代码。预标记包含在
flex
框
中
,包含div设置为
flex
:
1
。<div style="display:
flex
;"> <div style="max-width: 10
浏览 1
提问于2021-08-28
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS 布局解决方案
CSS布局解决方案
给萌新的 Flexbox 简易入门教程
WEB开发技术基础知识整理——CSS
几种常见的 CSS 布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券