文章/答案/技术大牛

发布

社区首页 >问答首页 >react native: TouchableOpacity组件上的样式道具

问react native: TouchableOpacity组件上的样式道具
EN

Stack Overflow用户

提问于 2018-12-16 10:40:45

回答 1查看 946关注 0票数 0

在react原生文档(https://facebook.github.io/react-native/docs/touchableopacity)中，没有关于样式道具的解释。但我已经知道在TouchableOpacity组件上使用样式道具是可以的。

例如

<TouchableOpacity style={styles.button}>
...
</TouchableOpacity>

这怎么可能呢？

react-native

回答 1

Stack Overflow用户

发布于 2018-12-16 11:13:22

我不明白你，但是TouchableOpacity可以设置道具"activeOpacity“来改变点击按钮时的不透明度。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53801379

复制

【React-Native】React-Native组件样式合集

android php jquery ui javascript 容器

最近在阅读RN的文档，但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家。

啦啦啦321

2022/03/30

2.4K0

React Native 小记 - TouchableOpacity 单次点击无效

javascript listview 官方文档 git github

他叫自己MR.张

2019/07/01

2.9K0

React Native之样式

reactnative

样式 React Native 不实现 CSS，而是依赖于 JavaScript 来为你的应用程序设置样式。这是一个有争议的决定，你可以阅读那些幻灯片，了解背后的基本原理。声明样式在 React Native 中声明样式的方法如下： var styles = StyleSheet.create({ base: { width: 38, height: 38, }, background: { backgroundColor: '#222222', },

xiangzhihong

2018/02/05

1.4K0

React Native学习笔记（三）—— 样式、布局与核心组件

容器 native 布局动画学习笔记

React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 Node.js 附带的访问它，而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目：npx

张果

2023/04/12

14.5K0

React Native 表格组件

react nat npm

npm install--save react-native-data-table

forrest23

2018/08/03

1.9K0

如何在 React TypeScript 中将 CSS 样式作为道具传递？

react typescript

React 是一种流行的 JavaScript 库，用于构建动态用户界面。最近，它与 TypeScript 的结合变得越来越流行。由于 TypeScript 的静态类型检查和更好的 IDE 支持，它使得使用 React 更加容易和可维护。当开发 React 应用程序时，我们通常需要使用 CSS 样式来渲染组件。本文将介绍如何在使用 React TypeScript 时，将 CSS 样式作为道具（Props）传递给组件。

网络技术联盟站

2023/06/07

2.4K0

移动跨平台框架ReactNative输入组件TextInput【09】

react android css

输入组件 TextInput 就是让用户输入数据的，比如输入登录有户名，输入登录密码。

江一铭

2022/06/17

1.9K0

React-Native踩坑记

react xcode ios

最近使用react-native参与开发了个应用，记录下其中踩的一些坑。本人使用的是mac电脑进行开发，本文仅对此平台进行记录? 下载不了xcode 升级自己的mac的系统到最新版本，之后在mac的应

Jimmy_is_jimmy

2019/07/31

2.3K0

React Native调用原生组件

reactnative react

在React Native开发过程中，有时候我们可能需要访问平台的API，但react Native还没有相应的实现，或者是React Native还不支持一些原生的属性，我们需要调用原生代码来实现，或者是我们需要复用一些原来的Java代码，这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。相关文档可以参照官方的介绍。实例下面我们就通过实现一个自定义模块，来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能，比如弹Toast，启动Activity等。实

xiangzhihong

2018/02/06

1.7K0

React Native调用原生组件

reactnative react

在React Native开发过程中，有时候我们可能需要访问平台的API，但react Native还没有相应的实现，或者是React Native还不支持一些原生的属性，我们需要调用原生代码来实现，或者是我们需要复用一些原来的Java代码，这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。相关文档可以参照官方的介绍。 #实例下面我们就通过实现一个自定义模块，来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能，比如弹Toast，启动Activity等。

xiangzhihong

2018/01/26

1.7K0

React Native 弹出框组件

react nat ios android

npm install--save react-native-popup-dialog

forrest23

2018/08/03

3.9K0

React Native组件之FlatList

listview react android

在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，可以看到，特别是0.50之后，React Native的组件库在不断地壮大，React Native也正在越来越稳定。

xiangzhihong

2022/11/30

1.2K0

React Native组件之VirtualizedList

渲染 android listview react

React Native（简称RN）列表是基于ScrollView实现的，也就是可以滚动的，然而RN并没有直接使用IOS或Android的原生列表组件，这是因为RN真正调用native代码的过程是异步的，二Native的渲染要求必须同步渲染的。

xiangzhihong

2022/11/30

1.4K0

React Native组件之Button

reactnative

不管在Android还是ios开发中，系统都有Button组件，而在早期的React Native中，系统是不提供Button组件的，一般会使用一个叫做react-native-button的库。 Button组件 Button组件其实就是 Touchable（TouchableNativeFeedback、TouchableOpacity）和Text封装。核心源码如下： render() { const { accessibilityLabel, color,

xiangzhihong

2018/02/06

1.3K0

React Native手势密码组件

react nat java ios

npm install react-native-gesture-password--save

forrest23

2018/08/03

8990

React Native 组件之SafeAreaView

reactnative iphone ios

ReactNative官方从0.50.1版本开始，加入了针对iPhone X设备齐刘海页面适配的组件SafeAreaView，为ReactNative开发APP时对iPhone X的页面适配提供了很大的方便。目前，SafeAreaView只适合iOS设备。 SafeAreaView的使用也非常简单，只需要将SafeAreaView嵌套在最根级别的视图中即可，并且在style中加上flex:1等页面样式。

xiangzhihong

2022/11/30

6220

Swift开发React Native组件

ios android reactnative 小程序 java

前面说过，React Native作为一个全新的跨平台开发框架，好多东西还不是很成熟，很多原生的控件还不是很完善，于是好多爱好者便自己封装相关的组件，可以使用oc来封装，也可以使用Swift来封装。关于封装的原理，大家可以访问我的书的《React Native移动开发实战》。基础学习本章知识，需要读者具备一定的OC和Swift语言基础，读者可以从下面的链接中获取学习资料。 Apple 官方引导 Xcode入门 Swift英文文档 UIKit UIKit框架是iPhone应用程序开发中最基本的框架

xiangzhihong

2018/02/06

2.9K1

React Native组件只Image

reactnative

不管在Android还是在ios原生的开发中，图片都是作为控件给出来的，在RN中也有这么一个控件（Image）。根据官网的资料，图片分为本地静态图片，网络图片和混合app资源。一下分类介绍来源官网。静态图片资源从0.14版本开始，React Native提供了一个统一的方式来管理iOS和Android应用中的图片。要往App中添加一个静态图片，只需把图片文件放在代码文件夹中某处，然后像下面这样去引用它： <Image source={require('./my-icon.png')} /> 图片文件

xiangzhihong

2018/02/05

1.8K0

React Native 截屏组件

react nat ios npm

截取当前屏幕，跟系统自带的截图一致，只会截取当前屏幕显示的页面内容。如果是ScrollView，那么未显示的部分是不会被截取的。

forrest23

2018/08/03

2.8K0

React Native 图表组件Echarts

webview react html javascript json

近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发展相对繁荣一些，通过 WebView 在移动端使用 Echarts 这样功能强大的前端数据可视化库，是解决问题的好办法。

xiangzhihong

2022/11/30

2.6K0

相似问题

样式化组件多道具(React Native)

114

React-Native -如何为TouchableOpacity组件创建禁用的样式？

React-native :调用onLongPress(TouchableOpacity的道具)需要多少毫秒？

将道具样式添加到React Native中的现有组件样式

TouchableOpacity未在expo react native上触发

317

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问react native: TouchableOpacity组件上的样式道具
EN