Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[native] missing styled.ImageBackground and styled.SafeAreaView

See original GitHub issue

Version

styled-components: 2.2.4

Reproduction

https://www.webpackbin.com/bins/-KeeZCr0xKfutOfOujxN https://codesandbox.io/s/rkmNRByE4

Steps to reproduce

import styled from "styled-components/native";

const Example = styled.ImageBackground /* Not available */
const Examle2 = styled.SafeAreaView /* .Not avaliable */

Expected Behavior

Components are not yet documented I think, but should be available on styled? As they can be imported from “react-native”

Issue Analytics

State:
Created 6 years ago
Comments:6 (5 by maintainers)

Top GitHub Comments

1reaction

probablyupcommented, Jun 21, 2018

@femiveys try the latest release.

@breadadams Looks like SafeAreaView isn’t in the flow types either if you want to follow up and add it.

0reactions

femiveyscommented, Jun 20, 2018

SafeAreaView still seems to be missing

Top Results From Across the Web

Working with background color of SafeAreaView in React Native

I want to use Purple Plum. return ( <> <StatusBar barStyle="dark-content" /> <SafeAreaView style={{flex: 1, backgroundColor: ...

What's the best way to add a full screen background image in ...

For proper use choose <ImageBackground /> with style and imageStyle prop. Apply all Image relevant styles to imageStyle . For example: <ImageBackground source={ ......

Releases - styled-components

Add missing typeof window check when checking for duplicate instances of styled-components ... Fix React Native components accepts function as style prop.

ImageBackground - React Native

To handle this use case, you can use the <ImageBackground> component, ... Note that you must specify some width and height style attributes....

Using CSS Modules in React Native - LogRocket Blog

React Native apps are commonly styled using either inline styles or ... from 'react'; import { SafeAreaView, Text, View, ImageBackground, ...