javascript – Tips on how to add a margin to an expandable calendar whereas conserving the content material centered ReactNative

I’ve an expandable calendar, and I’m making an attempt so as to add margin to its not absolutely on the perimeters of the display screen, nonetheless, the calendar contents appear to not regulate and get reduce off by the lack of area as a result of margin. Is there any approach to repair it? I’ve tried alignItems, alignSelf, justifyContent, however nonetheless nothing appears to work. Right here is the code for my calendar. It’s in a safeAreaView, does which have one thing to do with it?:

return (


  
    
    
    





    
      
        {selectedDateText ? `${selectedDateText}` : "Choose a date"}
      

      {diagnosticStatus ? (
        
           navigation.navigate('DiagnosticScreen')}
          >
            {diagnosticStatus}
          
        
      ) : null}

      {objects[selectedDate] ? (
        objects[selectedDate].map((lesson, index) => (
          
            {lesson.title}
            
              {getLessonStatus(lesson.id)}
            
          
        ))
      ) : (
        No classes scheduled for right now!
      )}