TextField not shown on iOS

Hi,

I am trying to use MKTextField on iOS and it is not displayed at all in the simulator. It is working on Android.

Version: RN: 0.27.2 RNMK: 0.3.2 iOS: 9.3

This is the expected result (on Android simulator):

This is how it looks like on iOS simulator:

They grey area is the place where the two MKTextField components are supposed to be.

Here is the JS code snippet:

import React from 'react';
import BaseReactComponent from '../common/BaseReactComponent';

import { View, StyleSheet } from 'react-native';
import { MKTextField, MKColor } from 'react-native-material-kit';
import PrimaryRaisedButton from '../common/buttons/PrimaryRaisedButton';
import {
    TEXTFIELD_WITH_FLOATING_LABEL,
    COMMON_STYLES
} from '../../styles/styles';

export default class LoginForm extends BaseReactComponent {
    constructor () {
        super();
        this._bindClassMethods('_setInitialState', '_handleLogin');
        this._setInitialState();
    }

    _setInitialState () {
        this.state = {
            username: '',
            password: ''
        };
    }

    render () {
        return (
            <View style={ [loginFormStyles.loginFormContainer, COMMON_STYLES.MARGIN_TOP_LG] }>
                <MKTextField
                    style={ [TEXTFIELD_WITH_FLOATING_LABEL] }
                    keyboardType="email-address"
                    floatingLabelEnabled={ true }
                    highlightColor={ MKColor.Blue }
                    placeholder="Email Address" />

                <MKTextField
                    style={ TEXTFIELD_WITH_FLOATING_LABEL }
                    password={ true }
                    floatingLabelEnabled={ true }
                    highlightColor={ MKColor.Blue }
                    placeholder="Password" />

                <PrimaryRaisedButton
                    text='LOGIN'
                    onPress={ this._handleLogin } />

            </View>
        );
    }
}

const loginFormStyles = StyleSheet.create({
    loginFormContainer: {
        alignItems: 'center'
    }
});

Thanks!

[ishabo]

I was able to tackle that by setting the height on textInputStyle as well.

[abuammar]

i tried all the above , nothing worked