Изначально вы должны поддерживать состояние для текущего активного div. Каждый элемент div при нажатии кнопки скрывает этот конкретный элемент div и делает его активным. В приведенном ниже примере кода я дал высоту div в 500px, но вы можете указать высоту, как вам нужно. Здесь я использую свойство перехода easy-in-out для выполнения анимации скольжения вверх и вниз. Вы можете проверить код в https://jsfiddle.net/krishnauppili/okn4vbe0/5/
Вот код React (App.js): [ 114]
class App extends Component {
constructor(props) {
super(props);
this.state = {
activeDiv: "div1",
}
}
toggleDiv = () => {
this.setState({
activeDiv: this.state.activeDiv === "div1" ? "div2" : "div1",
});
};
render() {
return (
Div 1
Div 2
);
}}
Вот код CSS (App.css):
.div1{
background-color: black;
}
.div2{
background-color: green;
}
.div1,.div2{
color:white;
}
.div1.show,.div2.show{
height:500px;
transition: all 0.2s ease-in-out;
padding-top: 50px;
text-align: center;
}
.div1.hide,.div2.hide{
text-align: center;
height: 0;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
Если Вы - производитель устройств, конечно. Можно по существу сделать то, что Вы хотите.
Это возможно, но это не поддерживается. Требования собственного кода могут значительно варьироваться от одной системы Android до следующего; если Вы не работаете над инфраструктурой очень низкого уровня, лучше идти Java-source-to-Dalvik-VM путем для мобильности. И конечно, Вы будете, вероятно, связаны с самым телефоном, для которого Вы написали свой собственный код, хотя при интеграции его в Android, он может приниматься и сохраняться для всех платформ, система намеревается поддерживать.
Хорошо Android имеет тенденцию иметь нормальный Linux в нижней части, так запись, что приложения Linux должны быть возможными, если только можно получить код там... (но часто Вы не можете, так как телефон заблокирован на том уровне),
Таким образом, ответ был бы:
Эта статья достаточно хорошо объясняет это: http: //davanum.wordpress .com / 2007/12/09 / android-invoke-jni-based-methods-bridging-cc-and-java /
Google выпустил Native Development Kit (NDK) (согласно http://www.youtube.com/watch?v=Z5whfaLH1-E в 00:07 : 30).
Надеюсь, эта информация будет обновлена на странице групп Google ( http://groups.google.com/group/android-ndk ), поскольку там говорится, что этого не было. еще не выпущен.
Я не знаю, где его просто загрузить, но я слышал, что вы можете получить копию NDK из репозитория Google Git в ветке пончика.
Официальное объявление и ссылки для скачивания:
Представляем Android 1.5 NDK, выпуск 1
Автор: Дэвид Тернер, 25 июня 2009 г., 10:30Многие из вас просили предоставить возможность вызывать собственный код из приложений Android. Я рад сообщить, что разработчики теперь могут загрузить Android Native Development Kit с сайта разработчиков Android.
http://android-developers.blogspot.com/2009/06/introduction-android-15-ndk-release -1.html
в этой записи блога объясняется, как выполнять нативное программирование на Android: http://rxwen.blogspot.com/2009/11/native-programming-on-android.html надеюсь, что это поможет.