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.

Image rkCardImg doesn't work

See original GitHub issue

I’ve tried code from examples:

<RkCard>
        <View rkCardHeader>
          <Text>Header</Text>
        </View>
        <Image rkCardImg source={require('../img/sea.jpg')}/>
        <View rkCardContent>
          <Text> quick brown fox jumps over the lazy dog</Text>
        </View>
        <View rkCardFooter>
          <Text>Footer</Text>
        </View>
</RkCard>

But image doesn’t shown on the screen. See screenshot

But if I set style={{width: 200, height: 200}} and remove rkCardImg attribute for Image element - it appears on the screen. Probably something wrong with processing of rkCardImg attribute

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

GregorHorvatHcommented, Oct 11, 2017

my workaround is to set flex to 0:

    RkTheme.setType('RkCard', 'story', {
        img: {
            flex: 0,
            height: 100,
            opacity: 0.7
        },

0reactions

patrickmuhicommented, Feb 15, 2018

@sergey-kozel ~still having this issue in v3.0.0 from android only~ Nevermind, i had a typo in my code.

Top Results From Across the Web

Invariant Violation: Element type is invalid: expected a string

this.state.img works well and I'm able to see the picture however this.state.price do not work, if replace it with a regular text it...

react-native-ui-kitten/CHANGELOG.md - UNPKG

109, * **forms:** image rkCardImg doesn't work ([d22d195](https://github.com/akveo/react-native-ui-kitten/commit/d22d195)).

7+ Solutions to Fix 'Pictures Won't Load from SD Card' Error

Follow this page, you will learn how to troubleshoot pictures won't load from SD card error, restoring all photos and making the card...

Fix 'Pictures Won't Load from SD Card' Error

Picture Won't Load? error when you try to access the SD Card. It may occur due to a problem with the SD Card...

Invariant Violation: Element type is invalid: expected a string ...

import { RkTheme, RkButton, RkCard, RkText, rkCardContent, rkCardImg, ... <View rkCardHeader> <Text>Header</Text> </View> <Image rkCardImg source={{uri: ...