首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MaskedViewIOS

使用maskElement道具中指定的遮罩渲染子视图。

代码语言:javascript
复制
import React from 'react';
import { MaskedView, Text, View } from 'react-native';

class MyMaskedView extends React.Component {
  render() {
    return (
      <MaskedView
        style={{ flex: 1 }}
        maskElement={
          <View style={styles.maskContainerStyle}>
            <Text style={styles.maskTextStyle}>
              Basic Mask
            </Text>
          </View>
        }
      >
        <View style={{ flex: 1, backgroundColor: 'blue' }} />
      </MaskedView>
    );
  }
}

上述示例将呈现一个填充其父项的蓝色背景视图,然后使用标有“基本遮罩”的文本遮罩该视图。

maskElement道具所呈现的视图的alpha通道决定了视图的内容和背景显示了多少。完全或部分不透明像素允许底层内容显示,但完全透明的像素会遮挡该内容。

道具

ViewPropTypes props...

maskElement: element

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com