可触摸的反应本机

问题描述

我正在尝试在包装在视图中的两个可触摸组件中间添加一些空间我该怎么做，我将包括样式表

http://yourdomain.com/css/site.css

解决方法

您的意思是SignIn和SignUp按钮之间的空格吗？您可以使用flex或width来定义touchableOpacity的宽度。这是您试图实现的目标吗？

import * as React from 'react';
import {Text,View,StyleSheet,TouchableOpacity,}from 'react-native';

    export default function App() {   return (
        <View style={styles.container}>
          <View style={styles.btn}>
              <TouchableOpacity style={styles.btnAuth}>
                <Text style={{color:'#000',fontSize:18}}>Sign In</Text>
              </TouchableOpacity>
            
              <TouchableOpacity style={styles.btnAuth}>
                <Text style={{color:'#000',fontSize:18}}>Sign Up</Text>
              </TouchableOpacity>
          </View>
        </View>   ); }
    
    const styles = StyleSheet.create({   container: { backgroundColor: '#0A5640',flex:1 },btnAuth: {
        padding: 20,width : '45%',alignItems:'center',backgroundColor:'yellow'   },btn: {
        color: '#fff',width: '100%',flexDirection: 'row',alignItems: 'center',justifyContent: 'space-around',bottom: 3,position: 'absolute',},});

react-native touchableopacity