Finish wrapping pages

This commit is contained in:
Nat 2022-05-17 06:07:52 -07:00
parent 00414df2a3
commit f889540ba5
5 changed files with 63 additions and 64 deletions

View File

@ -1,5 +1,6 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { import {
ScrollView,
View, View,
Text, Text,
TouchableOpacity, TouchableOpacity,
@ -142,7 +143,7 @@ const Direct = ({ navigation }) => {
return ( return (
<> <>
{ state.loaded { state.loaded
? <> ? <ScrollView>
<View style = { [ styles.row, styles.form.container ] }> <View style = { [ styles.row, styles.form.container ] }>
<TextInput <TextInput
placeholder = "Search..." placeholder = "Search..."
@ -182,7 +183,7 @@ const Direct = ({ navigation }) => {
: <></> : <></>
} }
</> </>
</> </ScrollView>
: <></> : <></>
} }
</> </>

View File

@ -110,7 +110,7 @@ const Compose = ({ navigation }) => {
}; };
const Conversation = ({ navigation }) => { const Conversation = ({ navigation }) => {
const conversation = navigation.getParam("conversation", {}); const conversation = route.params.conversation
const [state, setState] = useState({ const [state, setState] = useState({
loaded: false, loaded: false,
newMessage: "", newMessage: "",

View File

@ -1,4 +1,5 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { ScrollView } from "react-native";
import AsyncStorage from "@react-native-async-storage/async-storage"; import AsyncStorage from "@react-native-async-storage/async-storage";
import * as requests from "src/requests"; import * as requests from "src/requests";
@ -56,7 +57,7 @@ const OlderPosts = (props) => {
}; };
return ( return (
<> <ScrollView>
{ state.loaded { state.loaded
? <> ? <>
<PagedGrid <PagedGrid
@ -66,7 +67,7 @@ const OlderPosts = (props) => {
</> </>
: <></> : <></>
} }
</> </ScrollView>
); );
}; };

View File

@ -1,5 +1,6 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { import {
ScrollView,
Dimensions, Dimensions,
View, View,
Image, Image,
@ -126,10 +127,8 @@ const Publish = ({ navigation }) => {
); );
}; };
return ( return state.loaded
<> ? <ScrollView>
{ state.loaded
? <>
<View style = { styles.preview.container }> <View style = { styles.preview.container }>
<Image <Image
style = {[ style = {[
@ -177,11 +176,8 @@ const Publish = ({ navigation }) => {
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</> </ScrollView>
: <></> : <></>;
}
</>
);
}; };
const SCREEN_WIDTH = Dimensions.get("window").width; const SCREEN_WIDTH = Dimensions.get("window").width;

View File

@ -1,5 +1,6 @@
import React from "react"; import React from "react";
import { import {
ScrollView,
SafeAreaView, SafeAreaView,
View, View,
Image, Image,
@ -10,12 +11,12 @@ import {
import ModerateMenu from "src/components/moderate-menu.js"; import ModerateMenu from "src/components/moderate-menu.js";
const UserList = ({navigation}) => { const UserList = ({ navigation, route}) => {
const data = navigation.getParam("data", []) const data = route.params.data;
const context = navigation.getParam("context", ""); const context = route.params.context;
return ( return (
<> <ScrollView>
{ {
context ? context ?
<Text style = { styles.context }> <Text style = { styles.context }>
@ -55,7 +56,7 @@ const UserList = ({navigation}) => {
</View> </View>
) )
} }
</> </ScrollView>
); );
}; };