если вы используете компонент FilterScreen в качестве внутренней функции, попробуйте так
renderFilterScreen = () => {
return(
<View>
<TouchableOpacity>
<Text>Inside Filter screen</Text>
</TouchableOpacity>
</View>
)
}
и в коде
<Modal
animationType="slide"
transparent={false}
visible={this.state.modalVisible}
onRequestClose={() => {
Alert.alert('Modal has been closed.');
}}>
<View style={{marginTop: 22}}>
<View>
{this.renderFilterScreen()}
<TouchableHighlight
onPress={() =>
this._setModalVisible(!this.state.modalVisible)
}>
<Text>Hide Modal</Text>
</TouchableHighlight>
</View>
</View>
</Modal>
, если вы создаете отдельный класс компонентов, например FliterScreen.js
, попробуйте как ниже
class FliterScreen extends React.Component {
render = () => (
<View>
<TouchableOpacity>
<Text>Inside Filter screen</Text>
</TouchableOpacity>
</View>
);
}
export default FliterScreen;
и в основном классе.
import FliterScreen from './ui/FliterScreen';
и используйте, как вы назвали в части 1.
Можно просто использовать UITextView. Это - ребенок UIScrollView, и если Вы устанавливаете, это - текстовое свойство к сумме текста, который не соответствует в, он - кадр, представление станет с возможностью прокрутки.
Документация UIScollView Apple довольно хороша, необходимо запустить там и понять класс.
Думайте о Scrollview как о большой поверхности представления по который экран slides*. Можно добавить подпредставления к scrollview, и затем прокрутка похожа на расположение экрана по scrollview - экранные действия как окно, которое Вы видите до части контента представления прокрутки ниже.
Чтобы сделать это, scrollview имеет несколько дополнительных свойств по нормальному UIView - но он похож на UIView в одном уважении imprtant: это не представляет содержания непосредственно самого. Необходимо добавить подпредставление для рисования текста. scrollview настроен и отображен точно таким же образом как UIView - т.е. Вы устанавливаете кадр, добавляет он к другому представлению и показать Ваш текст, необходимо добавить подпредставления к UIScrollView, который может на самом деле представить текст.
Для установки основного UIScrollView, который Вы запрашиваете, необходимо просто создать его как нормальное полноэкранное представление - устанавливает кадр, чтобы быть тем же размером как окно и добавить scrollview к окну как подпредставление. Затем сделайте крупный UITextView для содержания текста. Представление UIText может быть столь большим, как Вам нравится - конкретно это может быть больше, чем экран. установите contentSize свойство UIScrollView, чтобы совпасть с кадром UITextView и затем добавить представление UIText как подпредставление UIScrollView.
После того как у Вас есть эта работа, можно переместить содержание автоматически с contentOffset свойством, изменением масштаба управления и настроить делегата для наблюдения прокрутки событий.
* более точно, по которому скользит кадр, но я принимаю, Вы делаете полный экран UIScrollView. Я уверен, что можно обобщить его, если Вы хотите меньшее представление.
Я использовал UIScrollView таким образом для панели инструкций в одном из моих приложений. Это сработало, но я был недоволен результатом. Затем я переключился на использование UIWebView и был намного более доволен результатом. Он автоматически обрабатывает размер прокрутки, я получаю все возможности форматирования HTML, и у меня могут быть ссылки, которые ведут к дополнительной информации (или внешним сайтам), с добавлением еще одного HTML-файла и, возможно, некоторого делегированного кода. Вот код, который я использовал (и добавил HTML-файл в свое приложение в качестве ресурса):
NSString *path = [[NSBundle mainBundle] pathForResource:@"instructions" ofType:@"html"];
NSFileHandle *readHandle = [NSFileHandle fileHandleForReadingAtPath:path];
NSString *htmlString = [[NSString alloc] initWithData: [readHandle readDataToEndOfFile] encoding:NSUTF8StringEncoding];
[self.instructionsView loadHTMLString:htmlString baseURL:nil];
Вы можете обратиться к этому сайту http://www.edumobile.org/iphone/iphone-programming-tutorials/scrollview-example-in-iphone/
Следуйте шаг за шагом, чтобы сделать вид прокрутки в iphone...удачи:)