Css 反应本机自定义样式文本输入

我正在尝试在react原生文本输入中创建自定义样式。这是6个文本输入，它们之间几乎没有空白，如图所示

这是我的代码，（temText是我想要创建的文本输入量）

现在看起来是这样的 但是我需要更大的行\占位符和字体大小

  const { container, pinInputStyle,pinInputStyle2 } = styles;
    const {styleUnder} = this.state;
    var indet = this.temText.map((i) => {
        return (
            <TextInput
                ref={ref => this.temText[i] = { myRef: ref, next: i + 1 }}
                type={'TextInput'}
                underlineColorAndroid={'transparent'}
                autoCapitalize={'none'}
                autoCorrect={false}
                onChangeText={(value) => this._onChangeText(value)}
                placeholder={this.props.placeholder}
                keyboardType={Platform.OS === 'ios' ? 'number-pad' : 'numeric'}
                autoFocus={i === 0}
                maxLength={1}
                key={i}
                onFocus={()=>this._onFocus()}
                onBlur = {()=>this._onBlur()}
                placeholderTextColor ="#3e445f"
                //onEndEditing = { this.verifyCode.bind(this) }
                enablesReturnKeyAutomatically={false}
                style={[pinInputStyle]}
            />
        )
    });

    export const styles = StyleSheet.create({
    container:{
        flexDirection:'column',
        flex:1,

    },
    textViewStyle:{
        flexDirection:'row',
    },
   pinInputStyle:{
       marginLeft:calcSize(10),
       fontSize:calcSize(50),
       width:calcSize(20),
       alignSelf: 'center'
   },
   pinInputStyle2:{
       fontSize:calcSize(150),
   },
   codeStyle:{
       flex:1,
       flexDirection:'row'
   }
})