ネイティブなピッカーは良いとは思えますが、イオスはひどいです。

Question

私は自分の時間を会社に報告するためにユーザーが入力しなければならない3種類の反応のネイティブピッカーを使用します。あなたがクリックしてからオプションのポップアップをクリックすると、小さなフィールドでAndroid上で見栄えが良くなりますが、iosではこの巨大なフィールドになります。私はこれが一般的な問題だと思っていました。人々がアンドロイドのように見えるようにする方法を見つけることはできません。

誰でも知っていることがありますか？

Answer 1

たぶん、あなたは、プラットフォームに依存別のスタイルを割り当てることができます（アンドロイド - IOS）：

import { Platform, Text, TouchableOpacity } from 'react-native'; 

    function SubmitBtn ({ onPress }) { 
     return (
      <TouchableOpacity style={Platform.OS === 'ios' ? styles.iosSubmitBtn : styles.androidSubmitBtn} onPress={onPress}> 
       <Text style={styles.submitBtnText}>Submit</Text> 
      </TouchableOpacity> 
     ) 
    } 

const styles = StyleSheet.create({ 
    iosSubmitBtn: { 
     backgroundColor: lightPurp, 
     marginTop: 50, 
     padding: 10, 
     borderRadius: 7, 
     height: 45, 
     marginLeft: 20, 
     marginRight: 20, 
    }, 

    androidSubmitBtn: { 
     backgroundColor: lightPurp, 
     marginTop: 50, 
     padding: 10, 
     paddingLeft: 30, 
     paddingRight: 30, 
     height: 45, 
     borderRadius: 2, 
     marginLeft: 20, 
     marginRight: 20, 
     justifyContent: 'center', 
     alignItems: 'center', 
    }, 

    submitBtnText: { 
     color: white, 
     fontSize: 22, 
     textAlign: 'center', 
    }, 
});