如何在 TextInput REACT-NATIVE 中创建阴影

Posted 2023-04-18

【中文标题】如何在 TextInput REACT-NATIVE 中创建阴影

【英文标题】：How to create shadow inside TextInput REACT-NATIVE

【发布时间】：2020-10-24 03:38:19

【问题描述】：

我需要创建与照片相同的 TextInput 视图。有任何想法吗？ 照片链接：

【问题讨论】：

github.com/styled-components/styled-components/issues/… 看看这个。

【参考方案1】：

这个inset 属性怎么样？

box-shadow: inset 0 0 5px 5px #888;

【讨论】：

我在 React-Native 中没有 CSS

@VitenkoVadum 也许你应该选择这样的东西 - github.com/react-native-community/… ？

【参考方案2】：

尝试使用react-native-linear-gradient。即

    <LinearGradient
        style=styles.container
        locations=[0, 0.15, 0.15]
        colors=['rgba(200, 200, 218, 0.25)', 'rgba(200, 200, 218, 0.005)', '#eafcff']
>
        <TextInput
            /* ... */
        />
</LinearGradient>

// ....

const styles = StyleSheet.create(
    container: 
        //...
        backgroundColor: '#eafcff',
    ,

//...